我无法通过 npm 安装 vue-router

Question

我想安装 vue-router 但出现一些错误

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: routing01@1.0.0
npm ERR! Found: vue@2.6.14
npm ERR! node_modules/vue
npm ERR!   vue@"^2.5.11" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer vue@"^3.2.0" from vue-router@4.0.15
npm ERR! node_modules/vue-router
npm ERR!   vue-router@"4" 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\Peyman\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\Peyman\AppData\Local\npm-cache\_logs22-05-31T07_48_48_170Z-debug-0.log

Answer 1

问题是您的 vue 和 vue-router 版本不兼容。

• vue@2 需要 vue-router@3
• vue@3 需要 vue-router@4

错误消息表明您有 vue@2.6.14，并且您正在尝试安装 vue-router@4.0.15。请注意，npm install -S vue-router（不带版本说明符）默认为最新版本，即当前 4.0.15。

不要使用错误消息中建议的 --force 或 --legacy-peer-deps npm 标志，因为这只会安装不兼容的软件包将导致运行时错误。

解决方案

快速解决方法是安装 vue-router@3：

npm install -S vue-router@3

或者您可以升级到 Vue 3，这需要卸载 vue-template-compiler （Vue 2 的模板编译器）并安装 @vue/compiler-sfc （ Vue 3 的模板编译器）：

npm uninstall -S vue-template-compiler
npm install -S vue@3 @vue/compiler-sfc