我無法透過 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