npm · npm

メッセージ

npm ERR! Conflicting peer dependency: react@18.3.1

何を意味するか

ERESOLVE の報告の中で実際にぶつかっている一組を抜き出した行です。この package はその peer のそのバージョンを要求しているのに、こちらの木には別のバージョンが入っている、という意味です。多くは本体のライブラリがメジャー更新され、それを使う plugin が追いついていない状態です。npm ls react のように名前で尋ねると、誰がどのバージョンを要求したかが木の形で出て、二つのどちらを動かすべきかがその場で見えます。plugin を新しい版へ上げるのが本当の解決で、--force は食い違った木をそのまま書き込み、問題を実行時まで隠します。

直しかた

npm ls react
出す道具
npm
npm
20

npm では原因は最後の六行ではなく最初の code XXXX の一行に書かれており、失敗が自分のコードではなく依存関係の木やネイティブビルドから来ている場合は、node_modules を消して入れ直すだけで半分は解けます。

エラーメッセージの読み方

  • 一行目から読みます。下に行くほど道具の内部の話で、原因はたいてい一番上に書かれています。
  • ファイル名と行番号があればそこが出発点です — スタックの最上段ではなく、自分が書いたファイルが出てくる一番上の行です。
  • 文句はそのまま検索します。ただし自分のパスや変数名は消します — その部分が検索を邪魔します。
  • 同じ事情が道具の版ごとに違う言い方で出ます。結果が合わないときは版番号も入れてみます。
  • 直す命令を貼る前に、その命令が何を捨てるかを確かめます。取り消せないものが混ざっています。

よくある質問

Q. npm ERR! Conflicting peer dependency: react@18.3.1 はどういう意味ですか。

ERESOLVE の報告の中で実際にぶつかっている一組を抜き出した行です。この package はその peer のそのバージョンを要求しているのに、こちらの木には別のバージョンが入っている、という意味です。多くは本体のライブラリがメジャー更新され、それを使う plugin が追いついていない状態です。npm ls react のように名前で尋ねると、誰がどのバージョンを要求したかが木の形で出て、二つのどちらを動かすべきかがその場で見えます。plugin を新しい版へ上げるのが本当の解決で、--force は食い違った木をそのまま書き込み、問題を実行時まで隠します。

Q. どう直しますか。

npm ls react — 実行する前に、この命令が何を捨てるかを上の説明で確かめてください。

Q. どの道具が出すエラーですか。

npm です。npmの仲間で、文句は6語です。

近いエラー