🙉

create-react-appができなかった時...

2021/12/29に公開約1,300字

先日、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を削除するとキャッシュが消えます。

以上です。
これから記事を上げていきたいと思います。

参考にした記事

https://exerror.com/you-are-running-create-react-app-4-0-3-which-is-behind-the-latest-release-5-0-0/

Discussion

ログインするとコメントできます