报错:[Vue warn]: Error in render: "TypeError: Cannot read properties of undefined (reading 'state')"
1.错误详情
2. 错误分析
百度此错误发现,很多人可能忘记在main.js中引入store.js并挂载在vue实例上,或者state单词写错了
import Vue from 'vue'
import App from './App'
import router from './router'
// 引入vuex仓库插件
import store from './store';
Vue.config.productionTip = false
new Vue({
el: '#app',
router,
store, //注册仓库,给每一个组件的身上添加$store属性
components: {App},
template: '<App/>'
})
我审查了很多遍代码,依然报错,读取不到state中的数据,后来想到可能是版本的问题
此项目是vue2,要使用vuex3才能正常运行,我安装的时候没有指定版本,直接装的是最新的vuex4版本,因此库版本不一致导致不能正常运行
3.错误解决
更改vuex为3版本的
cnpm install --save vuex@3
💯😁可以正确读取到state中的数据✔✔✔
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步