时间戳

首页 > 解决方案 > 如何处理未捕获的错误：[nuxt] store/index.js 应该导出一个返回 Vuex 实例的方法

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

问题描述

按照文档的建议，我已经在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

我该如何处理？

标签： javascriptvue.jsnuxt.jsvuexstore

解决方案

您正在将 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
  }
})

推荐阅读