🙉
create-react-appができなかった時...
先日、create-react-appを使ってReactとTypescriptのプロジェクトを作成しようとした時にエラーが出て作成することができなかったので解決方法をまとめておきます。
調べてみるとこのエラーの他にもさまざまな種類のエラーがありました。
最近、React使ってる人が多いなと感じるので誰かの役に立てば、、と思い記事として投稿しておきます。このエラーがよく出るのかよくわかりませんが笑
事象
まずはいつものようにプロジェクトを作るために
$ npx create-react-app sample-app --template typescript
を入力しました。すると、
You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).
という警告文が出ました。英語が苦手なので意味は割愛します。
とりあえずキャッシュ関係でトラブルが起きているのかなと思い、
$ npx clear-npx-cache
を入力しましたが、なにやらエラーが出ました。。
npm does not support Node.js v14.7.0
You should probably upgrade to a newer version of node as we
can't make any promises that npm will work with this version.
You can find the latest version at https://nodejs.org/
Need to install the following packages:
clear-npx-cache
とりあえず、インターネットで調べてみますといい記事がありました。
こちらの記事を参考にして解決方法をお教えいたします。
記事にも上記のコマンドが出ていますが、macOSでは次のコマンドを使用します。
Windowsの方は記事を見てみてください。
$ rm -rf ~/.npm/_npx
今までのキャッシュを全て削除します。
その後、
$ npx create-react-app sample-app --template typescript
コマンドを打つと、、
Happy hacking!
が出ます。
まとめますと、Windowsではnpm-cache
macOSでは~/.npm/_npxを削除するとキャッシュが消えます。
以上です。
これから記事を上げていきたいと思います。
参考にした記事
Discussion