img

[nuxt] store/index.js should export a method that returns a Vuex instance

2021-04-14 0条评论 3.1k次阅读 JavaScript


在练习做个全栈的项目报的错

1.先是控制台警告

Classic mode for store/ is deprecated and will be removed in Nuxt 3

原vuex写法

import Vue from 'vue';
import Vuex from 'vuex';
import city from './moudle/city'
Vue.use(Vuex);
//构造store
const store = new Vuex.Store({
  // 模块化
  modules: {
    city: city
  }
});
export default store;

2.于是把vuex的写法改成了

import Vue from 'vue';
import Vuex from 'vuex';
import city from './moudle/city'
Vue.use(Vuex);
//构造store
export default new Vuex.Store({
  // 模块化
  modules: {
    city: city
  }
});

控制台就没有这个警告了,那警告大概意思就是第一种vuex写法在nuxt3中已经移除了,为了版本迭代,建议使用新的写法,如本文中第二种vuex写法

3.最后程序运行时报了以下错误

[nuxt] store/index.js should export a method that returns a Vuex instance.

大概意思就是在nuxt中vuex的导出方式应该以方法的形式进行导出,最后就完美解决了上面两个bug了。

import Vue from 'vue';
import Vuex from 'vuex';
import city from './moudle/city'
Vue.use(Vuex);
//构造store
export default ()=> new Vuex.Store({
  // 模块化
  modules: {
    city: city
  }
});

本文转自 https://blog.csdn.net/weixin_39429811/article/details/108285989, 如有侵权,请联系删除。

🏷️ #nuxt

💬 COMMENT


🦄 支持markdown语法

👋友