建新的vue项目的时候安装vue-router后浏览器后台报错
搭建新的vue项目的时候安装vue-router后浏览器后台报错。
报错代码:ERROR Cannot read properties of undefined (reading ‘install’) TypeError: Cannot read properties of undefined (reading ‘install’) at Vue.use (webpack-internal:///./node_modules/vue/dist/vue.runtime.esm.js:5469:27) at eval (webpack-internal:///./src
报错原因:vue版本 和 vue-router版本不匹配。在package.json文件中查看vue版本是2.6, 安装vue-router 的时候直接 运行了 npm install vue-router -S 直接下载了最新版的vue-router@4.2.7,而vue-router 4 以后的版本只适合 vue3,用在vue2.0+会报错。
解决方法:
//卸载最新的vue-router
npm uninstall vue-router
//下载安装低版本vue-router
npm install --save vue-router@3
//重新启动项目
npm run serve