初始化 Nuxt3 專案時出現 Issues with peer dependencies found 警告

發表於 2023-08-08 分類於 Nuxt

Google AD

撰寫一篇文章其實真的很花時間，如果你願意「關閉 Adblock (廣告阻擋器)」來支持我的話，我會非常感謝你ヽ(・∀・)ﾉ

Liker 讚賞

這篇筆記文章如果對你有幫助，
你可以考慮花 30 秒登入 LikeCoin 並點擊下方拍手按鈕(最多五下)免費支持與鼓勵我。
或者你可以也可以請我「喝一杯咖啡(Donate)」。

｜

這一篇記錄一下 Nuxt3 專案建立後出現「Issues with peer dependencies found」警告的解決方式。

前言

這一篇記錄一下 Nuxt3 專案建立後出現「Issues with peer dependencies found」警告的解決方式。

問題原因

當我在終端機輸入以下指令後

1	npx nuxi@latest init my-app

就會建立好一個 Nuxt3 專案，接著再依照提示移動到該專案

cd my-app

接著就是安裝相關依賴套件了，而這邊我所使用的是 pnpm

1	pnpm install

安裝完畢後，就可以看到終端機出現以下提示

 WARN  Issues with peer dependencies found
.
└─┬ @nuxt/devtools 0.7.5
  ├── ✕ missing peer vite@"*"
  ├─┬ vite-plugin-inspect 0.7.35
  │ └── ✕ missing peer vite@"^3.1.0 || ^4.0.0"
  ├─┬ vite-plugin-vue-inspector 3.5.0
  │ └── ✕ missing peer vite@"^3.0.0-0 || ^4.0.0-0"
  └─┬ @nuxt/devtools-kit 0.7.5
    └── ✕ missing peer vite@"*"
✕ Conflicting peer dependencies:
  vite

Issues with peer dependencies found

解決方式

雖然運行 pnpm run dev 是沒有任何問題

[下午1:55:04] Nuxi 3.6.5
[下午1:55:04] Nuxt 3.6.5 with Nitro 2.5.2
[下午1:55:06] 
  > Local:    http://localhost:3000/ 
  > Network:  http://192.168.100.38:3000/

[下午1:55:06] ✔ Nuxt Devtools is enabled v0.7.5 (experimental)

只是看到這個問題就還是會想知道為什麼，然後會想要處理一下，所以就找了一下原因。

首先套件管理工具在安裝的時候，其實都會檢查一下相依性，而這邊的警告就是因為 @nuxt/devtools 這個專案缺少了 Vite 這個依賴套件，所以就會出現這個警告。

解決方式有兩種，一種是輸入以下指令安裝 Vite

1	pnpm install vite

但我個人是覺得沒必要，因為 Nuxt 本身有 vite，純粹只是因為 @nuxt/devtools 檢測不到而已。

第二種方式是在你的 Nuxt3 專案中找到 .npmrc 檔案，然後把它改成以下

1
2
3

shamefully-hoist=true
strict-peer-dependencies=false
auto-install-peers=true # 加入這一行

這樣子問題也就解決了～

參考資料

Conflicting peer dependencies