用vuex做面包屑的功能时出现了下面的这个错误,说找不到store
vuex报错,导致页面出不来,出现上面的问题有可能是以下这些问题,看看你们的是不是
vuex__WEBPACK_IMPORTED_MODULE_1__.default.store is not a constructor
解决问题一、
第一个错误是很多人遇到过的,细节问题,在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";
上面问题同学们解决了,那恭喜你。下面还有一个惊喜
——————————————————————————————
不想在另外写多一篇csdn了,直接在这里和同学们讲一下,如果是在做面包屑的时候遇到了这个问题,有需要的同学可以看到这里来
在点击面包屑的时候报了这个错,大概意思是重复点击了/home路径,就是点击两次首页就报错了
所以同学们要在router\index.js 文件下导入下面这段代码,如果还不行,兄弟我也帮不了你了
// 解决导航栏或者底部导航tabBar中的vue-router在3.0版本以上频繁点击菜单报错的问题。如果不加这个会报错 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push (location) { return originalPush.call(this, location).catch(err => err) }