皆さんこんにちは。どうも。
今回はReact(TypeScript)でプロジェクト作成時にしばしば出るエラーの対応策を書いておきます。自分用の備忘録ではありますが、同じようなエラーで悩んでいる方がいたら役に立てば幸いです。
また、Reactを始めてみたいけど、プロジェクト作成方法が分からないという方にも参考になると思います。Node.jsはインストールされているものとします(インストールしていない場合は、調べてインストールしておいてください)。
まず、React(TypeScript)でプロジェクト作成するコマンドは
npx create-react-app sample-app –template typescript
になります。
以下の画像では、npx create-react-app@5.0.1 sample-app –template typescriptと、create-react-appのバージョンを指定していますが、バージョン指定なしの上記のコマンドで実行した時も、同じようなエラーが出ました。
なので、@5.0.1と最新バージョンを指定してみましたが、やはり同じエラーが出ました。
ただ、よく読んでみると、古いバージョン(5.0.0)のcreate-react-appを一旦アンインストールしないとダメっぽいです(というより、create-react-appをアップデートしないとダメでした)。
なので、一旦今のcreate-react-appをアンインストールしました。
![](https://kurushimizero.com/wp-content/uploads/2022/10/3bc47f4b0f701428f1e381a4750d7e43.png)
その後、新たにcreate-react-appをインストールしました(アップデート)
![](https://kurushimizero.com/wp-content/uploads/2022/10/a7f76493017fef8542f3dfb677a84ba5.png)
で、もう一度プロジェクト作成しようとしましたが、エラーが出ました。
![](https://kurushimizero.com/wp-content/uploads/2022/10/af489de69e2ad424cb84453c6a2d0598-1024x410.png)
調べたら、npmのバージョンが原因だったらしく、サイトに書かれていたものと合わせました。
![](https://kurushimizero.com/wp-content/uploads/2022/10/32ccca53cdc3a78343bf8a596f0272c1.png)
そうしたら無事にプロジェクト作成できました!
![](https://kurushimizero.com/wp-content/uploads/2022/10/c619e56151229c9d342bae27d137a9ee-1024x488.png)