irpas技术客

vue2安装vue-router_二水笔记_vue2 安装router

网络 1718

项目场景:

在vue2中安装vue-router


问题描述:

提示:在安装过程中报错,缺少依赖:

PS D:\WebDeplpyer\workspace\Vue_Basic\vue_test> npm i vue-router npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: vue_test@0.1.0 npm ERR! Found: vue@2.6.14 npm ERR! node_modules/vue npm ERR! vue@"^2.6.11" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer vue@"^3.0.0" from vue-router@4.0.12 npm ERR! node_modules/vue-router npm ERR! vue-router@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\ASUS\AppData\Local\npm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\ASUS\AppData\Local\npm-cache\_logs\2022-02-16T06_43_35_320Z-debug.log
原因分析:

查阅资料,大部分都说是npm版本问题,新版本对下载要求比较严格。


解决方案:

根据错误提示,在命令行中加入–legacy-peer-deps,由于vue与vue-router版本兼容的问题,需要在安装语句后加入需要下载vue-router版本,不然会下载最新的vue-router版本。

npm install --legacy-peer-deps vue-router@3.5.2

在package.json文件中查看是否下载成功

"dependencies": { "animate.css": "^4.1.1", "axios": "^0.25.0", "chromedriver": "^98.0.0", "core-js": "^3.6.5", "nanoid": "^3.2.0", "pubsub-js": "^1.9.4", "vue": "^2.6.11", "vue-resource": "^1.5.3", "vue-router": "^3.5.2", "vuex": "^3.6.2" },


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #Vue2 #安装router #npm #i #vuerouternpm #ERR