<p>※本記事は過去に私がQiitaに執筆した記事の移行版になります。<br><a href="https://qiita.com/koh97222/items/c46d1ef2a63b92bb6c15" target="_blank" rel="noopener noreferrer">https://qiita.com/koh97222/items/c46d1ef2a63b92bb6c15</a><br></p><h2 id="hc69c85bcf9">背景</h2><p>Dockerのnodeコンテナ内で、create-react-appでReactプロジェクトを作成し、その後にmaterial-uiをインストールしようとしたときに、発生したエラーでした。<br>※調べてみた感じ、npm installで、インストール元のパッケージのバージョンが最新(latest)で、インストールするパッケージの最新バージョンが同等(peer)でなかったときに発生するエラーのようでした。</p><h2 id="hcb9dacb773">結論</h2><p>そのライブラリを<strong>インストールしたい</strong>場合は、npm installのあとに、<strong>--save --legacy-peer-deps</strong>を追加してあげましょう。<br>もしくは、インストール元のプロジェクトの<strong>ダウングレード</strong>を検討しましょう。。</p><h2 id="hd2c91c24e4">経緯</h2><pre><code># material-uiをインストールしようとしたら。。
npm install @material-ui/core
# このようなエラーが発生。。
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: my-app@0.1.0
npm ERR! Found: react@17.0.1
npm ERR! node_modules/react
npm ERR!   react@"^17.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0" from @material-ui/core@4.11.0
npm ERR! node_modules/@material-ui/core
npm ERR!   @material-ui/core@"*" 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 /root/.npm/eresolve-report.txt for a full report.</code></pre><p>上のログを確認すると、reactのバージョンが17.0.1であるのに対し、material-ui/<a style="color:#4aac00" href="mailto:core@4.11.0">core@4.11.0</a>がサポートしているreactのバージョンは16.8.0でした。（＝最新のReactプロジェクトに対応していない。）<br>なので、依存関係を解決できずエラーになって、インストールができないことに。。<br>ここで、npm install のあとに、オプションで、<strong>--save --legacy-peer-deps</strong>を追加しました。<br>すると、インストールが無事に完了します。<br><br>npm installする際に、インストールするライブラリのバージョンが、インストール先のプロジェクトのバージョンに対応していない場合、オプションで、<strong>--legacy-peer-deps</strong>を使うことで、半強制的に？installできるようになるようです。<br>ただ、インストール後に、そのパッケージが期待通りに正しく動くかを、しっかり確認する必要がありそうです。</p><pre><code>npm install --save --legacy-peer-deps @material-ui/core

added 29 packages, removed 2 packages, and audited 1720 packages in 18s

117 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities</code></pre><h2 id="h5fcec0cf90">所感</h2><p>ライブラリを使うときは、そのライブラリの最新版が、どのバージョンと対応しているのか、実装する前にしっかり調べておくべきなんだなー、、と改めて感じました。<br>安直に最新版！はアブナイ。。<br>参考になった記事：<br><a style="color:#4aac00" href="https://github.com/mui-org/material-ui/issues/23306" target="_blank" rel="noopener noreferrer">https://github.com/mui-org/material-ui/issues/23306</a></p>

Node.js の記事一覧