TypeError: Cannot read properties of undefined (reading ‘state‘)
·
1. 错误详情
TypeError: Cannot read properties of undefined (reading 'state')
at VueComponent.mappedState (webpack-internal:///./node_modules/_vuex@4.0.2@vuex/dist/vuex.esm-bundler.js:1233:31)
at Watcher.get (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:3945:27)
at Watcher.evaluate (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:4057:23)
at VueComponent.computedGetter [as count] (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:6254:17)
at processComputed (chrome-extension://ljjemllljcmogpfapbkkighbhhppjdbg/build/backend.js:3770:24)
at getInstanceState (chrome-extension://ljjemllljcmogpfapbkkighbhhppjdbg/build/backend.js:3615:87)
at getInstanceDetails (chrome-extension://ljjemllljcmogpfapbkkighbhhppjdbg/build/backend.js:3600:12)
at chrome-extension://ljjemllljcmogpfapbkkighbhhppjdbg/build/backend.js:4606:60
at DevtoolsHookable.callHandlers (chrome-extension://ljjemllljcmogpfapbkkighbhhppjdbg/build/backend.js:708:17)
at DevtoolsApi.callHook (chrome-extension://ljjemllljcmogpfapbkkighbhhppjdbg/build/backend.js:200:29)
2. 错误分析
百度此错误发现,很多人可能忘记在main.js中引入store.js并挂载在vue实例上,或者state单词写错了
我审查了很多遍代码,依然报错,读取不到state中的数据,后来想到可能是版本的问题
此项目是vue2,要使用vuex3才能正常运行,我安装的时候没有指定版本,直接装的是最新的vuex4版本,因此库版本不一致导致不能正常运行
3.错误解决
vue和vuex的错误版本依赖
"dependencies": {
"axios": "^0.27.2",
"core-js": "^3.8.3",
"less": "^4.1.3",
"less-loader": "^5.0.0",
"nprogress": "^0.2.0",
"vue": "^2.6.14",
"vue-router": "^3.5.4",
"vuex": "^4.0.2"
},
更改vuex为3版本的
cnpm install --save vuex@3
"dependencies": {
"axios": "^0.27.2",
"core-js": "^3.8.3",
"less": "^4.1.3",
"less-loader": "^5.0.0",
"nprogress": "^0.2.0",
"vue": "^2.6.14",
"vue-router": "^3.5.4",
"vuex": "^3.6.2"
},
可以正确读取到state中的数据
阅读全文
AI总结
更多推荐
相关推荐
查看更多
鸿蒙开发工具大赶集

本仓将收集和展示鸿蒙开发工具,欢迎大家踊跃投稿。通过pr附上您的工具介绍和使用指南,并加上工具对应的链接,通过的工具将会成功上架到我们社区。
OpenManus

No fortress, purely open ground. OpenManus is Coming.
G-Star公益行

G-Star 公益行 是 GitCode G-Star 计划旗下专为公益机构打造的技术赋能计划,依托 GitCode 开源平台、生态流量、云计算与 AI 支持,旨在连接开源技术与公益组织,通过技术赋能帮助公益组织实现数字化转型,以提升运营效率、优化资源配置、拓展公益影响力。
热门开源项目
活动日历
查看更多
直播时间 2025-03-13 18:32:35

全栈自研企业级AI平台:Java核心技术×私有化部署实战
直播时间 2025-03-11 18:35:18

从0到1:Go IoT 开发平台的架构演进与生态蓝图
直播时间 2025-03-05 14:35:37

国产工作流引擎 终结「996」开发困局!
直播时间 2025-02-25 14:38:13

免费开源宝藏 ShopXO,电商系统搭建秘籍大公开!
直播时间 2025-02-18 14:31:04

从数据孤岛到数据智能 - 企业级数据管理利器深度解析
目录
所有评论(0)