首頁·報錯訊息

npm · npm

報錯原文

npm ERR! Conflicting peer dependency: react@18.3.1

這是什麼意思

這一行從 ERESOLVE 的報告裡挑出了真正衝突的那一對:這個套件要求某個 peer 的那個版本,而你的相依樹裡裝的是另一個。通常意味著主要函式庫做了大版本跳躍,而用它的外掛還沒跟上。按名字問一句 npm ls react,就會以樹的形式印出誰要求了哪個版本,該動這兩者中的哪一個當場就清楚了。把外掛升上去才是真正的修法;--force 照樣把不吻合的樹寫下去,把問題藏到執行時才爆。

怎麼修

npm ls react
來自
npm
npm
20

npm 的原因寫在第一行 code XXXX 裡,而不是最後那六行 npm ERR!;如果失敗來自相依樹或原生編譯而不是你自己的程式碼,刪掉 node_modules 重新安裝就能解決一半。

怎麼讀報錯

  • 從第一行往下讀。越往下越是工具內部的事,起因通常寫在最上面。
  • 有檔名和行號就從那裡查——不是堆疊最上面那一格,而是最上面那條提到你自己寫的檔案的行。
  • 把報錯原文照樣去搜,但先去掉你自己的路徑和變數名,正是那些讓搜尋比對不上。
  • 同一種情況在不同版本裡措辭不同。結果不對頭,就把版本號一起加進查詢。
  • 貼上修法之前,先確認它會丟掉什麼。這裡面有些是不能收回的。

常見問題

Q. “npm ERR! Conflicting peer dependency: react@18.3.1” 是什麼意思?

這一行從 ERESOLVE 的報告裡挑出了真正衝突的那一對:這個套件要求某個 peer 的那個版本,而你的相依樹裡裝的是另一個。通常意味著主要函式庫做了大版本跳躍,而用它的外掛還沒跟上。按名字問一句 npm ls react,就會以樹的形式印出誰要求了哪個版本,該動這兩者中的哪一個當場就清楚了。把外掛升上去才是真正的修法;--force 照樣把不吻合的樹寫下去,把問題藏到執行時才爆。

Q. 怎麼修?

npm ls react —— 執行前先看上面的說明,確認這條命令會丟掉什麼。

Q. 這是哪個工具報的?

npm。它屬於npm,報錯原文有 6 個詞。

相關報錯