Error in mounted hook: “TypeError: Cannot read properties of undefined (reading ‘dispatch‘)“

在使用Vuex时遇到在main.js中创建的全局组件在components子文件的index.vue中报错,错误涉及dispatch未定义。打印this.$store显示为undefined。作者通过将Vuex从4版本降至3.6.2解决了此问题,npm安装3.6.2版本后问题得到解决。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

问题:当我使用vuex仓库存储数据时,在main.js文件中创建了一个全局组件,却发现在compontents文件夹中的子文件当中的index.vue出现报错!!!(看图)

报错:不知dispatch()是何物

分析:打印一下this.$store看看

 

 打印结果为undefined,this.$store 应该指向的是Store, 在排除不是大小写等迷人操作情况下,我尝试将vuex最新版4版本进行降级,重新安装了@3.6.2版本结果可行了!!!

npm install --save vuex@3.6.2

希望对你们有所帮助。

评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值