React の create-react-app のエラーの解決方法を知りたい

発生している問題・エラーメッセージ

typescript を使って react チュートリアルをしたいと思い下記のコマンドを実行しました。

npx create-react-app . --typescript

実行すると下記のようなエラーが出ました。

error @typescript-eslint/eslint-plugin@4.8.1: The engine "node" is incompatible with this module. Expected version "^10.12.0 || >=12.0.0". Got "11.13.0"
error Found incompatible module.

発生している問題・エラーメッセージ

エラー文の全文載せます。
セキュリティの知識があまりないのでよくわかりませんが、ディレクトリ名(パス名)を消しているのをたまに見るのでとりあえずは消してみました。
「そこの文言が必要」な場合にはコメントお願いします。

Creating a new React app in "カレントディレクトリ".

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

yarn add v1.22.10
[1/4] Resolving packages...
[2/4] Fetching packages...
error @typescript-eslint/eslint-plugin@4.8.1: The engine "node" is incompatible with this module. Expected version "^10.12.0 || >=12.0.0". Got "11.13.0"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/add for documentation about this command.

Aborting installation.
  yarnpkg add --exact react react-dom react-scripts cra-template --cwd "カレントディレクトリ" has failed.
Deleting generated file... package.json
Deleting generated file... yarn.lock
Deleting 1/ from "１つ上のディレクトリ"
(node:24740) UnhandledPromiseRejectionWarning: Error: EBUSY: resource busy or locked, rmdir 'カレントディレクトリ'
    at Object.rmdirSync (fs.js:700:3)
    at rmdirSync (C:\Program Files (x86)\Nodist\bin\node_modules\create-react-app\node_modules\fs-extra\lib\remove\rimraf.js:264:13)
    at Object.rimrafSync [as removeSync] (C:\Program Files (x86)\Nodist\bin\node_modules\create-react-app\node_modules\fs-extra\lib\remove\rimraf.js:243:7)
    at Promise.all.then.then.then.catch.reason (C:\Program Files (x86)\Nodist\bin\node_modules\create-react-app\createReactApp.js:567:14)
    at processTicksAndRejections (internal/process/task_queues.js:86:5)
(node:24740) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:24740) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

試したこと

ネットサーフィンをして node のバージョンの問題だとの記事が多かったので確認しましたが、
自分の node のバージョンは 14.15.4 で、エラー文のものと違いました。

補足情報（FW/ツールのバージョンなど）

Windows 10 home x64

node -v
v14.15.4

yarn -v
1.22.10

npm -v
6.14.10

tsc -v
Version 4.1.3

npx node --version
v14.15.4

A_kirisaki

2021/01/16 10:13

npx node --version してみてください

iyonegaki

2021/01/16 10:58

依頼ありがとうございます。 npx node --version v14.15.4 でした。追記しておきます。

A_kirisaki

2021/01/16 11:07

npm install -g create-react-app とかした記憶ありませんか？

hoshi-takanori

2021/01/16 12:08

node はどうやってインストールしましたか？ C:\Program Files (x86)\Nodist ってことは nodist ってやつをお使いでしょうか？ https://www.granfairs.com/blog/staff/install-nodist

iyonegaki

2021/01/16 12:38 編集

>npm install -g create-react-app とかした記憶ありませんか？あまり覚えていませんがブラウザの履歴にそのようなことを書いてあるページがあったので可能性としてはあり得ます。確証のない推測ですいません。 >node はどうやってインストールしましたか？ C:\Program Files (x86)\Nodist ってことは nodist ってやつをお使いでしょうか？ node.js は以下のページから入れました。 https://nodejs.org/ja/

A_kirisaki

2021/01/16 12:38

多分 npx create-reacte-app@latest . --typescript で解決はしそうなんですが、根本的な解決にはなりそうにないんですよね……。

iyonegaki

2021/01/16 12:39

余計なファイルが入って変に干渉しているといった感じですか？

A_kirisaki

2021/01/16 12:52

いや、この場合どこかに古い node.js が入っていてリンクがおかしくなっている可能性がありますね。多分 C:\Program Files (x86)\Nodist にあってそこにパスが通ってて npx がそっち優先で見ちゃう、気がする。

iyonegaki

2021/01/16 12:56

C:\Program Files (x86)\Nodist にあるnode.exe のバージョンを見たら 11.13.0 と書いてあってエラー文と一致しました。

A_kirisaki

2021/01/16 12:57

それやー！！環境変数にそこのパスが書いてあるはずなので消して、新しい node.js のパスを書き込みましょう！

iyonegaki

2021/01/16 13:13

C:\Program Files (x86)\Nodist をディレクトリごと消すとかだとおかしなことになっちゃいますかね？古いものと新しいもののディレクトリの構成が違くてどこのパスを書くべきかわからなくなってます。

A_kirisaki

2021/01/16 13:15

C:\Program Files (x86)\Nodist のパスだけ消してみましょう。それなら壊れても書き直せば済む話なので。

iyonegaki

2021/01/16 13:20

C:\Program Files (x86)\Nodist に通ってたパスだけ消してみましたが同じエラー文になりました。

A_kirisaki

2021/01/16 13:30

ぬぬ、とりあえず見当がついたということで……。ちょっと Windows 環境のこんがらがりは予想以上に難しいです。

iyonegaki

2021/01/16 13:38

そうですね、ネット回ってみたところ環境変数に関するものもありましたし、だいぶ手がかりがつかめたのであとは自分でやってみます。ここまでお付き合いしていただきありがとうございました！

iyonegaki

2021/01/16 13:46

>C:\Program Files (x86)\Nodist に通ってたパスだけ消してみましたが同じエラー文になりました。再起動し忘れてました。正しくは下のやつです。 Please set the path to the nodist directory in the NODIST_PREFIX environment variable.