Vuex - rawModule не определен при переходе от одного модуля к нескольким

Question

Переместил мой проект из одного модуля в хранилище vuex в несколько, следуя документации .

В нем говорится, что к конкретному модулю следует обращаться следующим образом:

store.state.a // -> `moduleA`'s state

Это при доступе к состоянию модуля. В нем не сказано, как получить доступ к геттерам и мутациям, а также к командам типа 'commit' и 'replaceState' для конкретного модуля, поэтому я сделал свой собственный вывод:

store.getters.a
store.mutations.a
store.a.commit()
store.a.replaceState()

1) Верны ли эти выводы?

2) Используя их, я получаю действительно общее сообщение об ошибке:

TypeError: rawModule is undefined

Вот мой store.js:

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)
export default new Vuex.Store({
  modules: {
    listingModule: listingModule,
    openListingsOnDashModule: listingsOnDashModule,
    closedListingsOnDashModule: listingsOnDashModule
  }
})

const listingsOnDashModule = {...}
const listingModule = {...}
// their content hasn't changes since the single module approach.

Answer 1

Эта ошибка:

TypeError: rawModule is undefined

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

Что касается синтаксиса store.state.a является правильным. В остальном .a следует просто опустить, если вы явно не определяете пространство имен.