出现这个的原因是 vuex经典模式写法将在Nuxt 3中删除
它对store做了一个是否是function的判断,如果我们export的是一个function就会出现本文中的警告信息,而且代码阻塞了,解决方案是以前的经典模式写法不再支持
报错的示例
import Vuex from 'vuex'
import axios from 'axios'
Vue.use(Vuex)
const state = {
wordpressAPI: 'http://visney.cn:81',
};
const mutations = {
//头部导航产品(示例)
setHeadProdNav(state,data){
state.headProdNav = data
},
};
const getters = {
};
const actions = {
async nuxtServerInit({commit,state,req}) {
//产品导航(示例)
let headProdNav = await axios(`${state.wordpressAPI}/proCategory/showAll/main`);
commit('setHeadProdNav',headProdNav.data);
}
};
const store = () => new Vuex.Store({
state,
getters,
mutations,
actions
})
export default store
正确示例
将最下面的改为
export default {store}
解决