部品どうしの相性が合わない（ERESOLVE）
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree
ひとことで言うと
「入れようとした部品（パッケージ）どうしで、必要なバージョンが食い違っていて、組み合わせを決められません」という意味です。
よくある原因
- 古い部品と新しい部品を一緒に入れようとした
- AIが書いたコードが、今のバージョンと合わない部品を指定している
- React などの大きな部品のバージョンが上がったばかり
自分で確かめること
- エラーの中の「Found:」と「Could not resolve dependency:」の行で、どの部品がぶつかっているか見る
- package.json に書かれている、ぶつかっている部品のバージョンを確かめる
たいていは、こうすると直ります
とりあえず動かすなら npm install --legacy-peer-deps で入れられることが多いです。きちんと直すなら、ぶつかっている部品のバージョンをそろえます。
AIへの伝え方
下の文をコピーして、ChatGPT・Claude・Cursor などに貼り付けてください。トップで貼り付けたエラー文があれば、自動でそれに入れかわります。
次のエラーが出て困っています。プログラミング初心者にもわかるように、原因と直し方を教えてください。必要なら、直したコードも全部見せてください。 【エラー】 npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree 【やったこと】 （ここに、エラーが出る前にしたことを書く。例：npm run dev を実行した） 【参考】 このエラーは「部品どうしの相性が合わない（ERESOLVE）」というもので、よくある原因は次のとおりです。 ・古い部品と新しい部品を一緒に入れようとした ・AIが書いたコードが、今のバージョンと合わない部品を指定している ・React などの大きな部品のバージョンが上がったばかり どれに当てはまるかを確かめる方法も教えてください。