JavaScript
vue
vue.js
Vuex

Vuexでnamespacedを使う時にexport default new Vuex.Storeにしたらエラーが出た

問題

vuexでnamespaced: trueなmodulesをstoreにしようとしたらエラーが出た。

以下が動かない

src/comopnents/a-counter
computed: {
  ...mapGetters("a", [
    "count"
  ])
},

問題の箇所

src/store/index.html
export default new Vuex.Store({
  modules: {
    a,
    b
  }
src/index.js
import store from './store'

変更

src/store/index.html
export const store = new Vuex.Store({
  modules: {
    a,
    b
  }
src/index.js
import {store} from './store'

結果

変更するとnamespaced: trueなmodulesをstoreにして、

mapが使えるようになった。

src/comopnents/a-counter
computed: {
  ...mapGetters("a", [
    "count"
  ])
},