Cannot create a React app with create-react-app

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)

create-react-app is not recognized as an internal or external command... — Oussama Bouchikhi
– Oussama Bouchikhi, Commented Apr 23, 2021 at 22:56
it seems like a path variable issue. which OS are you using? — miraj
– miraj, Commented Apr 24, 2021 at 5:16

snewn · Accepted Answer · 2021-12-17 07:40:40Z

44

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)

answered Dec 17, 2021 at 7:40

snewn

5494 silver badges4 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Naveen Venkatesh Over a year ago

Worked like a charm. Clearing npx cache and re-running cra command worked.

Jonathan Tuzman Over a year ago

Make sure you're using a current version of Node for this... Our app happens to be using 10.15.3 (barf) so the cache clean wouldn't work and the whole thing wouldn't work. Finally remembered to switch to Node 16+ with nvm, and this solution worked.

Antonia Krilić · Accepted Answer · 2021-12-15 12:18:26Z

16

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

answered Dec 15, 2021 at 12:18

Antonia Krilić

1611 silver badge3 bronze badges

Comments

Satyajit Mahunta · Accepted Answer · 2021-12-21 04:34:32Z

2

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

answered Dec 21, 2021 at 4:34

Satyajit Mahunta

213 bronze badges

Comments

Hannah Mulligan · Accepted Answer · 2021-12-19 03:55:15Z

1

When it said 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

answered Dec 19, 2021 at 3:55

Hannah Mulligan

111 bronze badge

2 Comments

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Andrey Over a year ago

This does not really answer the question. If you have a different question, you can ask it by clicking Ask Question. To get notified when this question gets new answers, you can follow this question. Once you have enough reputation, you can also add a bounty to draw more attention to this question. - From Review

Nitesh Sharma · Accepted Answer · 2021-12-21 06:53:46Z

1

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!

answered Dec 21, 2021 at 6:53

Nitesh Sharma

193 bronze badges

Comments

Oussama Bouchikhi · Accepted Answer · 2021-12-21 19:08:26Z

1

Options 1
Switch to yarn instead of npm
```
npm i -g yarn
yarn create react-app
```
Options 2
Uninstal Node completely and re-instal it again
Option 3
Use nvm (Node Version Manager)

answered Dec 21, 2021 at 19:08

Oussama Bouchikhi

6152 gold badges11 silver badges25 bronze badges

Comments

GonEbal · Accepted Answer · 2021-04-23 17:57:19Z

0

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.

answered Apr 23, 2021 at 17:57

GonEbal

2262 silver badges9 bronze badges

1 Comment

Oussama Bouchikhi Over a year ago

I get this "create-react-app is not recognized as an internal or external command..."

miraj · Accepted Answer · 2021-04-24 17:39:48Z

0

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>

answered Apr 24, 2021 at 17:39

miraj

5844 silver badges13 bronze badges

3 Comments

Oussama Bouchikhi Over a year ago

I think it's already in the environment variables C:\Users\pc cam\AppData\Roaming\npm

miraj Over a year ago

in your path there is a space in your username. afaik it shouldn't be like this. space broke the path link I think

Oussama Bouchikhi Over a year ago

I changed the user name and I still get the same behavior

David Villamizar · Accepted Answer · 2021-12-26 05:03:53Z

0

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.

answered Dec 26, 2021 at 5:03

David Villamizar

8849 silver badges17 bronze badges

Comments

Olaoluwasubomi · Accepted Answer · 2021-12-26 05:09:34Z

0

Need to clear the cache on the npx:

npx clear-npx-cache and then re-run

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

answered Dec 26, 2021 at 5:09

Olaoluwasubomi

92 bronze badges

2 Comments

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

Tom Dixon Over a year ago

This is the same as the top-voted answer, but without formatted code blocks.

Collectives™ on Stack Overflow

Cannot create a React app with create-react-app

10 Answers 10

2 Comments

Comments

Comments

2 Comments

Comments

Comments

1 Comment

3 Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

10 Answers 10

2 Comments

Comments

Comments

2 Comments

Comments

Comments

1 Comment

3 Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related