概要
以下のコマンドで、Reactのプロジェクトを作成しようとしたところ、
npx create-react-app ./install_test
以下のエラーが起きた。
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: install_test@0.1.0
npm ERR! Found: react@19.0.0
npm ERR! node_modules/react
npm ERR! react@"^19.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^18.0.0" from @testing-library/react@13.4.0
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^13.0.0" from the root project
npm ERR! node_modules/@testing-library/react
npm ERR! node_modules/@testing-library/react
npm ERR! node_modules/@testing-library/react
npm ERR! @testing-library/react@"^13.0.0" from the root project
npm ERR! @testing-library/react@"^13.0.0" 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.
エラーの内容としては、現状使おうとしている、testing-library のバージョンがReact19に対応していないというもので、Reactのバージョンを18に落とすか、testing-library を、アップグレードするといいらしい。
以下参考：
https://stackoverflow.com/questions/79257068/solution-of-this-error-without-force-or-legacy-peer-deps
しかし、エラーは出ているものの、プロジェクトファイルはできているので、試しに起動してみた。
すると以下のエラーが表示された。
次は、testing-library とは関係ない？エラーが出てきた。
web-vitalsがないらしいので、以下のコマンドでインストール。
npm i web-vitals --save-dev
起動しなおすと、無事動いた。
そのまま少し触ってみたが、特に問題はなさそうだった。
なぜ？
色々調べてはみたが、結局、なぜこんな風になっていたのか良く分からなかった。
（自分がまだ、Reactに詳しくないのが原因）
だが、とりあえず動くようにできる方法だけ、自分用にまとめた。