如何在Vuex中导出模块

Question

I would like to export Vuex module like below:

export {
    state,
    mutations,
    actions,
    getters
}

but when I am trying to include it in my index file it throws error. Something with types incompatibility. I think I should specify type of above object but I do not know what type it is.

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

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

throws:

is not assignable to parameter of type 'StoreOptions<{}>'. Types of property 'modules' are incompatible.

Regards

Answer 1

The way you are importing and exporting is not correct. Try it that way:

module.js

export default {
    state,
    mutations,
    actions,
    getters
}

store.js

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

explanation: the way you were importing the module, you got this kind of object:

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

which is not the structure the store is expecting for a module.