😚

まさかの"npx create-react-app"でつまづいた。

2023/03/27に公開

まさかのcreateできない!😢

久々にreactでアプリを作ろうとした時に、まさか一番最初のところでつまづいてしまった。

$ npx create-react-app {project-name} --template typescript

が通らないのだ。これをやると以下のように出てしまう。

Need to install the following packages:
  create-react-app
Ok to proceed? (y) y

You are running `create-react-app` 4.0.3, which is behind the latest release (5.0.0).

We no longer support global installation of Create React App.

Please remove any global installs with one of the following commands:
- npm uninstall -g create-react-app
- yarn global remove create-react-app

The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/

と出た。「あなたは create-react-app 4.0.3 を実行していますが、これは最新リリース (5.0.0) よりも遅れている。」といわれた。

これを解決すべく動いた。

言われた通りにやる🤗

とりあえず、言われた通りにやろうと思い、

Please remove any global installs with one of the following commands:
- npm uninstall -g create-react-app
- yarn global remove create-react-app

と言われたので、試してみる

$ npm uninstall -g create-react-app

> removed 67 packages, and audited 1 package in 604ms
>
> found 0 vulnerabilities
$ yarn global remove create-react-app

> yarn global v1.22.17
> error Not enough arguments, expected at least 1.
> info Visit https://yarnpkg.com/en/docs/cli/global for documentation about this command.

はい、無理でした😛
globalになきゃ、どうしようもない。

ということでどうしようか考えた結果、キャッシュが何かしたの悪さをしているのではないか。
さくじょおおおおおおお!

キャッシュのさくじょおおおおお!😮

clearでできるので、

$ npx clear-npx-cache

をやってから、最初のnpx create-react-app ~~~したら動いた!

お疲れ様でした🙇

Discussion