Vuex: геттеры должны быть функциональными, но «getters.default» в модуле «customer» - {}

Question

Я структурировал свой магазин Vuex в несколько модулей, и теперь я сталкиваюсь со странной ошибкой Vuex, которую не могу решить:

Uncaught Error: [vuex] getters should be function but "getters.default" in module "customer" is {}.
at assert (vuex.esm.js?358c:97)
at eval (vuex.esm.js?358c:271)
at eval (vuex.esm.js?358c:85)
at Array.forEach (<anonymous>)
at forEachValue (vuex.esm.js?358c:85)
at eval (vuex.esm.js?358c:270)
at Array.forEach (<anonymous>)
at assertRawModule (vuex.esm.js?358c:265)
at ModuleCollection.register (vuex.esm.js?358c:191)
at eval (vuex.esm.js?358c:205)

Структура моего магазина Vuex построена по следующей схеме

- store
-- index.js
-- modules
--- customer
---- index.js
---- actions.js
---- getters.js
---- mutations.js

Вот мои основные болячки index.js:

import Vue from 'vue'
import Vuex from 'vuex'
import customerModule from './modules/customer/index'
import globalModule from './modules/global/index'
import projectModule from './modules/project/index'

Vue.use(Vuex)

export default new Vuex.Store({
  modules: {
    customer: customerModule,
    global: globalModule,
    project: projectModule
  }
})

мои модули / customer / index.js:

import * as actions from './actions'
import * as getters from './getters'
import * as mutations from './mutations'

const state = {
  customers: []
}

export default {
  namespaced: true,
  state: state,
  actions: actions,
  mutations: mutations,
  getters: getters
}

мои модули / customer / getters.js:

const customers = state => state.customers

export default {
  customers
}

Я не совсем уверен, что здесь происходит, и почему я получаю эту странную ошибку.

Есть идеи?

Answer 1

Это то, что у меня сработало, несмотря на то, что вы использовали в качестве примера, который Vuex использует в документации.

Использование

import getters from './getters'

вместо

import * as getters from './getters'