无法使用 create-react-app 创建 React 应用

Question

I am facing a problem with creating a new React app using CRA when I run the following command npx create-react-app my-app .

• I tried to clear npm cache with this command npm cache clean --force
• I also tried this command npm -g uninstall create-react-app

My node version is v14.15.3 and the npm version is 7.10.0
The error which I get is:

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

Answer 1

Need to clear the cache on the npx:

npx clear-npx-cache

and then re-run

npx create-react-app <app-name>

and then accept (y)

Answer 2

Just had the same problem. This worked for me:

• npm -g uninstall create-react-app
• npm cache clean --force
• npm install -g create-react-app
• npx create-react-app my-app

Answer 3

Just clear the cache by running, npx clear-npx-cache and then try to create your react app npx creact-react-app my-app .

Answer 4

When it said Ok to proceed? (y) Ok to proceed? (y) I went through that twice and it told me the version I was using was no longer supported so, npm update

Answer 5

Hi Oussama Bouchikhi,

You can try the following npm commands to solve the issue:

Run this first,

npm uninstall -g create-react-app

then

npm install -g create-react-app

Here's the snapshot of the same, create-react-app-issue

Let us know if it works! Happy Hacking!

Answer 6

1. Options 1
   Switch to yarn instead of npm

    npm i -g yarn yarn create react-app

2. Options 2
   Uninstal Node completely and re-instal it again
3. Option 3
   Use nvm (Node Version Manager)

Answer 7

When it gives you this error, it asks your permission to install create-react-app

...
Ok to proceed? (y)

Type y in your terminal and press enter

You might find this helpful as well: https://create-react-app.dev/docs/getting-started/

If you've previously installed create-react-app globally via npm install -g create-react-app, we recommend you uninstall the package using npm uninstall -g create-react-app or yarn global remove create-react-app to ensure that npx always uses the latest version.

Answer 8

could you try to add this path to your system variable? C:\Users\<user-name>\AppData\Roaming\npm

and try again with npx create-react-app <app-name>

Answer 9

there appears to be a package that is compromising security.

Can not create new react-app

Answer 10

You need to clear your npx cache first.

Delete the folder _npx inside the path returned by npm config get cache

# In Linux/MacOS terminal
rm -rf `npm config get cache`/_npx

This can also be done with @snewn's method , I posted this in case you want to skip that dependency.

Answer 11

Need to clear the cache on the npx:

npx clear-npx-cache and then re-run

npx create-react-app and then accept (y)