如何处理未捕获错误：[nuxt] store/index.js 应该导出返回 Vuex 实例的方法

Question

我按照文档的建议在Nuxt中设置了一个默认存储。当我尝试渲染我的应用程序时，出现以下错误：store/index.js

未捕获的错误：[nuxt] store/index.js 应该导出一个返回 Vuex 实例的方法。

我的store/index.js文件如下所示：

import Vuex from 'vuex'
import Vue from 'vue'
import myModule from './myModule'

Vue.use(Vuex)

const store = new Vuex.Store({
  state: () => ({

  }),
  mutations: {},
  actions: {},
  modules: {
    myModule: myModule
  }
})
export default store

我该如何处理这个问题？

Answer 1

您将 Vuex 存储导出为常量，您应该导出返回 Vuex 存储实例的默认方法。

您的store/index.js文件应如下所示：

import Vuex from 'vuex'
import Vue from 'vue'
import myModule from './myModule'

Vue.use(Vuex)

export default () => new Vuex.Store({
  state: () => ({

  }),
  mutations: {},
  actions: {},
  modules: {
    myModule: myModule
  }
})