Vuex

2017-10-13 11 views
0

にモジュールをエクスポートするにはどうすれば以下のようなVuexモジュールをエクスポートしたいと思います:Vuex

export { 
    state, 
    mutations, 
    actions, 
    getters 
} 

が、私は私のインデックスファイルに含めるしようとしているときにエラーがスローされます。型の非互換性があります。私は上記のオブジェクトの型を指定する必要がありますが、私はそれがどのような型か分かりません。

import * as itemsModule from './app/store/items/module' 

let store = new Vuex.Store({ 
    modules: { 
     items: itemsModule 
    } 
}); 

例外:

タイプ 'StoreOptions < {}>' のパラメータに割り当てません。 プロパティ 'modules'のタイプは互換性がありません。

よろしく

+0

初めてのエクスポートエクスポートオブジェクトですか? 'state:{..myStates} 'のようになります。あなたが適切な状態、突然変異、行動、ゲッターを輸出しているとすれば、どうしてこのことが起こるのかわかりません。モジュールの残りのコードを貼り付けることはできますか?私は 'export default {state:{}、...} 'を使ってモジュールをデフォルトとしてエクスポートしていました。' 'as itemsModule'がどのように動作しているのか分かりません。 itemsModuleの外観を調べてみてください – cassioscabral

答えて

3

インポートおよびエクスポートする方法が正しくありません。 そのようにそれを試してみてください。

module.js

export default { 
    state, 
    mutations, 
    actions, 
    getters 
} 

store.js

import itemsModule from './app/store/items/module' 

説明: あなたはモジュールをインポートした方法で、あなたこの種のオブジェクトを持っています:

{ 
    default: { 
    actions: {/** ... */} 
    getters: {/** ... */} 
    mutations: {/** ... */} 
    state: {/** ... */} 
    } 
} 

これは、モジュールがストアに期待している構造ではありません。