vueX 中报错 core_js_internals_reflect_metadata__WEBPACK_IMPORTED_MODULE_0__.store.commit is not a fun

本文介绍了在使用Vuex时遇到的store找不到错误的三个常见原因,包括大小写问题、版本不匹配和路由文件导入问题。还提及了面包屑点击多次报错的解决方案,以及如何防止VueRouter在3.0版本中点击菜单的错误。
摘要由CSDN通过智能技术生成

用vuex做面包屑的功能时出现了下面的这个错误,说找不到store

vuex报错,导致页面出不来,出现上面的问题有可能是以下这些问题,看看你们的是不是

4b805bb37c314679bed4053a6dc8023b.png

 vuex__WEBPACK_IMPORTED_MODULE_1__.default.store is not a constructor

解决问题一、

4bc70d8090b04245bd9b28ac73a52a63.png

第一个错误是很多人遇到过的,细节问题,在main.js里new Vuex的时候,store要大写S

//错误写法
const store =new Vuex.store({
})
//正确写法
const store =new Vuex.Store({

解决问题二、

我是vue2,那么应该对应下载vuex3的版本,vue3对应vuex4,所以重新安装一下vuex就解决问题了:

npm i vuex@3 --S

或 

yarn add vuex@3 --S

解决问题三、

一定要在router\index.js 文件下导入store,要不然会找不到store

import store from "@/store/index";

d0c6a51d815c41d7acd3b4f242ae9f8e.png 上面问题同学们解决了,那恭喜你。下面还有一个惊喜

——————————————————————————————

不想在另外写多一篇csdn了,直接在这里和同学们讲一下,如果是在做面包屑的时候遇到了这个问题,有需要的同学可以看到这里来

在点击面包屑的时候报了这个错,大概意思是重复点击了/home路径,就是点击两次首页就报错了

 

a50ac4e0d2bc4af1930c89953779d1fc.png

038e65ba08c74c529cb42685e800474c.png

 所以同学们要在router\index.js 文件下导入下面这段代码,如果还不行,兄弟我也帮不了你了

2b818263b8754ce9823db7d5e3767ae3.png

// 解决导航栏或者底部导航tabBar中的vue-router在3.0版本以上频繁点击菜单报错的问题。如果不加这个会报错
const originalPush = VueRouter.prototype.push
VueRouter.prototype.push = function push (location) {
  return originalPush.call(this, location).catch(err => err)
}

 

  • 12
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值