「npx create-react-app」がエラーで実行できない場合の対処法

Reactの新規プロジェクトを作成しようと「npx create-react-app」を実行したら、エラーが発生し進まなかった。

「npx create-react-app」がエラーで実行できない場合の対処法
1. エラーの内容
2. 解決策

「npx create-react-app」がエラーで実行できない場合の対処法

エラーの内容

$ npx create-react-app my-app

Need to install the following packages:
  create-react-app@5.0.1
Ok to proceed? (y) y
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.
node:internal/modules/cjs/loader:998
  throw err;
  ^

Error: Cannot find module 'block-stream'

〜省略〜

解決策

キャッシュをクリアする。

$ npx clear-npx-cache

Need to install the following packages:
  clear-npx-cache@1.0.1
Ok to proceed? (y) y

その後、再度「create-react-app」を実行。

$ npx create-react-app my-app

Need to install the following packages:
  create-react-app@5.0.1
Ok to proceed? (y) y
npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

Creating a new React app in /Users/username/my-app.

Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts with cra-template...

〜省略〜

Happy hacking!

無事に新規プロジェクトが出来上がったが、「tar@2.2.2: このバージョンのtarはサポートされなくなったから、セキュリティ更新プログラムが受け取れないよ。できるだけ早くアップグレードしてね。」と以下の警告が出ていたので、こちらも解消することに。

npm WARN deprecated tar@2.2.2: This version of tar is no longer supported, and will not receive security updates. Please upgrade asap.

以下のコマンドで、tarのバージョンを更新する。　

$ npm install tar@latest -g

added 9 packages, and audited 10 packages in 708ms

found 0 vulnerabilities

この後「create-react-app」を実行したら、上記警告は出てこなくなったので解決！