create-react-app Failing to create a new React app in windows 10

Question

I have Create-react-app version 1.4.3 installed. When I try to create a new App , I get the following messages in the command prompt. Please help me find and fix the issue.

C:\Users\GSI-KOL\Desktop\server>create-react-app client

Creating a new React app in C:\Users\GSI-KOL\Desktop\server\client.

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

[email protected] postinstall C:\Users\GSI-KOL\Desktop\server\client\node_modules\uglifyjs-webpack-plugin
node lib/post_install.js

npm ERR! path C:\Users\GSI-KOL\Desktop\server\client\node_modules\fsevents\node_modules
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall lstat
npm ERR! Error: EPERM: operation not permitted, lstat 'C:\Users\GSI-KOL\Desktop\server\client\node_modules\fsevents\node_modules'
npm ERR!  { Error: EPERM: operation not permitted, lstat 'C:\Users\GSI-KOL\Desktop\server\client\node_modules\fsevents\node_modules'
npm ERR!   stack: 'Error: EPERM: operation not permitted, lstat \'C:\\Users\\GSI-KOL\\Desktop\\server\\client\\node_modules\\fsevents\\node_modules\'',
npm ERR!   errno: -4048,
npm ERR!   code: 'EPERM',
npm ERR!   syscall: 'lstat',
npm ERR!   path: 'C:\\Users\\GSI-KOL\\Desktop\\server\\client\\node_modules\\fsevents\\node_modules' }
npm ERR!
npm ERR! Please try running this command again as root/Administrator.
    
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\GSI-KOL\AppData\Roaming\npm-cache\_logs\2017-11-08T13_08_03_705Z-debug.log
    
Aborting installation.
npm install --save --save-exact --loglevel error react react-dom react-scripts has failed.
    
Deleting generated file... node_modules
Deleting generated file... package.json
Deleting client / from C:\Users\GSI-KOL\Desktop\server
Done.
    
C:\Users\GSI-KOL\Desktop\server>

Try these steps to create a react project

Ajeet Shah
– Ajeet Shah

2020-05-31 21:11:51 +00:00
Commented May 31, 2020 at 21:11 — Ajeet Shah
– Ajeet Shah, Commented May 31, 2020 at 21:11

Alex Varghese · Accepted Answer · 2018-12-14 03:43:58Z

21

I was faced this same problem . It is due to the issue with npm .

please run the following command in command Line

npm cache clean --force

then run

create-react-app <project Name>

If your problem still exist then switch from npm to yarn

run the following commands, it solved my problem

npm install -g yarn

yarn global add create-react-app

create-react-app <projectname>

answered Dec 14, 2018 at 3:43

Alex Varghese

2,28019 silver badges18 bronze badges

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

Comments

duhaime · Accepted Answer · 2017-11-08 13:22:35Z

8

It looks like you need admin privileges to write some of the generated files. Can you create a terminal instance with administrator rights then reissue the command?

answered Nov 8, 2017 at 13:22

duhaime

27.8k22 gold badges196 silver badges243 bronze badges

Comments

Tobi Adedipe · Accepted Answer · 2018-10-15 19:51:58Z

7

You probably had "create-react-app" running before, which was the problem in my case anyway. The way I solved this was using npm cache clean --force and ran create-react-app my-app again.

answered Oct 15, 2018 at 19:51

Tobi Adedipe

861 silver badge3 bronze badges

1 Comment

HarshitMadhav Over a year ago

@Ssenyonjo it cleans the cache of npm

M-- · Accepted Answer · 2020-03-31 16:11:05Z

4

I suspect NPM has an issue. However, this was how I was able to resolve it

Follow this steps:

npm install -g yarn
yarn global add create-react-app
Create-react-app <projectname>

edited Mar 31, 2020 at 16:11

M--

33.4k12 gold badges74 silver badges115 bronze badges

answered Jan 13, 2019 at 17:17

Mcbriandavids

4110 bronze badges

Comments

M-- · Accepted Answer · 2020-03-31 15:57:25Z

3

npm cache clean --force

Then try

npm create-react-app navigate

edited Mar 31, 2020 at 15:57

M--

33.4k12 gold badges74 silver badges115 bronze badges

answered Mar 31, 2020 at 15:55

user13171650

311 bronze badge

Comments

JOSEPH JOHN · Accepted Answer · 2021-08-15 18:56:55Z

3

I also faced same issue and I rectified it using the comment
given below:

npm cache clean --force

After this comment try: npx create-react-app project_name

answered Aug 15, 2021 at 18:56

JOSEPH JOHN

311 bronze badge

1 Comment

Orestes Over a year ago

Please, dont post duplicate answers.

Yasin Patel · Accepted Answer · 2020-03-02 06:31:35Z

2

Just run this one command to resolve issue:

sudo chown -R 1001:1001 "/home/<user_name>/.npm"

edited Mar 2, 2020 at 6:31

Yasin Patel

5,7818 gold badges37 silver badges57 bronze badges

answered Mar 2, 2020 at 6:08

Khushwant kodecha

5296 silver badges9 bronze badges

Comments

vikky singh · Accepted Answer · 2020-11-04 08:13:45Z

2

This is due to the network issues try to download all dependency one by one or try to clean cache "npm cache clean --force" after this try to create an app npx create-react-app <app__name>. But your internet connection should be stable.

answered Nov 4, 2020 at 8:13

vikky singh

4664 silver badges6 bronze badges

Comments

william torres · Accepted Answer · 2021-06-17 00:13:21Z

2

I tried the npm cache clean --force and the yarn route but, neither worked. What worked for me was running Powershell as Administrator then entering:

set-executionpolicy remotesigned

answered Jun 17, 2021 at 0:13

william torres

212 bronze badges

Comments

vimuth · Accepted Answer · 2019-05-10 11:17:25Z

1

try this

npm install -g yarn

yarn global add create-react-app

create-react-app my-app

edited May 10, 2019 at 11:17

vimuth

5,87355 gold badges98 silver badges128 bronze badges

answered May 10, 2019 at 10:59

Vandana Rajput

354 bronze badges

Comments

Carlos Andrew Costa Bezerra · Accepted Answer · 2020-01-29 11:33:09Z

1

I had the same problem and this was solved to me with these steps:

Be sure that you have the lastest version of Node.js installed. (https://nodejs.org/)
npm install -g create-react-app
create-react-app client-app --use-npm or npx create-react-app client-app --use-npm

i hope it helped..

answered Jan 29, 2020 at 11:33

Carlos Andrew Costa Bezerra

111 bronze badge

1 Comment

nir Over a year ago

thanks, re-installing the create-react-app was the missing link for me

Emmanuel Adebayo · Accepted Answer · 2020-04-11 13:28:29Z

1

this should work npm cache clean --force

answered Apr 11, 2020 at 13:28

Emmanuel Adebayo

2552 silver badges9 bronze badges

Comments

Desire Kaleba · Accepted Answer · 2020-05-18 17:50:23Z

1

I was also facing the same issue, here is how I fixed it :
1. I first cleaned my cache using the --force keyword
2. I reinstalled create-react-app globally
3. I recreated my app.

Illustration:

clean your cache

    npm cache clean --force

Reinstall create-react-app globally

    npm i -g create-react-app

Recreate your app

    create-react-app .

edited May 18, 2020 at 17:50

answered May 18, 2020 at 16:37

Desire Kaleba

1,31213 silver badges11 bronze badges

Comments

Samcruz · Accepted Answer · 2021-05-09 01:01:48Z

1

This is what I did

npm install -g yarn

then this

npx create-react-app my-project

answered May 9, 2021 at 1:01

Samcruz

111 bronze badge

Comments

Tobi Adedipe · Accepted Answer · 2018-12-03 19:54:56Z

0

For me, i wasn't connected to the internet when i tried to run 'create-react-app', so i connected and tried it, it worked, i'm guessing it needed to install some packages from the internet.

answered Dec 3, 2018 at 19:54

Tobi Adedipe

861 silver badge3 bronze badges

Comments

chandra mohan · Accepted Answer · 2019-03-22 11:01:07Z

Creating a new React app in C:\Users\CM\Downloads\react\github-profile.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...

npm ERR! path C:\Users\CM\AppData\Roaming\npm-cache_cacache\content- 

v2\sha512\36\c6\c3e97514319bc1c6d40026e58325e782e1016c996b1fa335b1
0893d67f7339e4af62bb688c0da2aaca839d4c9d51e2eb015eec65545008a3cad93d00f806

npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall lstat
npm ERR! Error: EPERM: operation not permitted, lstat 
'C:\Users\CM\AppData\Roaming\npm-cache_cacache\content- 
v2\sha512\36\c6\c3e97514319bc1c6d40026e58325e782e1016c996
b1fa335b10893d67f7339e4af62bb688c0da2aaca839d4c9d51e2eb015eec6
5545008a3cad93d00f806'
npm ERR! { [Error: EPERM: operation not permitted, lstat 
'C:\Users\CM\AppData\Roaming\npm-cache_cacache\content- 
v2\sha512\36\c6\c3e97514319bc1c6d40026e58325e782e1016c996b1f 
a335b10893d67f7339e4af62bb688c0da2aaca839d4c9d51e2eb015eec6554500
8a3cad93d00f806']

npm ERR! cause:
npm ERR! { Error: EPERM: operation not permitted, lstat 
'C:\Users\CM\AppData\Roaming\npm-cache_cacache\content- 
v2\sha512\36\c6\c3e97514319bc1c6d40026e58325e782e1016c996b1
fa335b10893d67f7339e4 
af62bb688c0da2aaca839d4c9d51e2eb015eec65545008a3cad93d00f806'
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! syscall: 'lstat',
npm ERR! path:
npm ERR! 'C:\Users\CM\AppData\Roaming\npm-cache\_cacache\content- 


npm ERR! stack:
npm ERR! 'Error: EPERM: operation not permitted, lstat 
'C:\Users\CM\AppData\Roaming\npm-cache\_cacache\content- 
v2\sha512\36\c6\c3e97514319bc1c6d40026e58325e782e1016c996
b1fa335b10893d67f7339e4af62bb688c0da2aaca839d4c9d51e2eb015
eec65545008a3cad93d00f806'',
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! syscall: 'lstat',
npm ERR! path:
npm ERR! 'C:\Users\CM\AppData\Roaming\npm-cache\_cacache\content- 
v2\sha512\36\c6\c3e97514319bc1c6d40026e58325e782e1016c996b1fa335
b10893d67f7339e4af62bb688c0da2aaca839d4c9d51e2eb015eec65545008a3cad93
d00f806',
npm ERR! parent: 'postcss-image-set-function' }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It's possible that the file was already in use (by a
text editor or antivirus),
npm ERR! or that you lack permissions to access it.
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double- 
check thenpm ERR! permissions of the file and its containing directories, or 
try  running

npm ERR! the command again as root/Administrator (though this is not 
recommended).
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\CM\AppData\Roaming\npm-cache_logs\2019-03-22T10_
27_19_722Z-debug.log


Aborting installation.
npm install --save --save-exact --loglevel error react react-dom react- 
scripts   has failed.

Deleting generated file... node_modules
Deleting generated file... package.json
Deleting github-profile/ from C:\Users\CM\Downloads\reactDone.``

i was facing similar error but i tried to run create-react-app command many times and finally it was created , this was the problem with my internet connection. check your inernet connection

Vidit Varshney · Accepted Answer · 2020-06-17 05:51:43Z

0

I also encountered with the same problem, According to the error, you have a problem with your npm.

Try this command

sudo chown -R 1000:1000 "<location of npm>/.npm"

just take an example of my command

sudo chown -R 1000:1000 "/home/vidit/.npm"

answered Jun 17, 2020 at 5:51

Vidit Varshney

1281 silver badge8 bronze badges

Comments

Justice · Accepted Answer · 2021-01-07 07:35:06Z

All you need is npm cache clean --force

Works 100%

In my case, it happened when I aborted a wrong command I initiated.

Then I ran npm cache clean --force and the cache was cleaned; after that, I ran my npx create-react-app and it worked perfectly as it should.

Quick tip: Uninstall create-react-app from your machine like so, npm un -g create-react-app and run npx create-react-app instead of npm create-react-app any time you want to create a new react app.

Reason: npx will always use the latest version of create-react-app to create a new react app for your project, and npx uninstalls/removes the create-react-app package from your machine when it's done.

Don't worry, it takes about 20 seconds to install the create-react-app package, so...

Do not forget to npm cache clean --force when npx create-react-app goes bananas (i.e. refuses to work).

Tega · Accepted Answer · 2021-01-12 12:55:45Z

0

I faced the same problem, and I did these to solve the problem;

npm clean cache --force..

this didn't work... I returned a warning npm WARN using --forcing recommended protection disable.

I ignored that and did and reinstalled create-react-app globally by running; npm i -g create-react-app
I created my app(project name) by running; create-react-app my-app-name

I believe this should work for you..

answered Jan 12, 2021 at 12:55

Tega

12 bronze badges

Comments

Shehraz Arain · Accepted Answer · 2021-02-11 07:04:24Z

0

I face the same issue. I Try this But it does not work for me npm cache clean --force

So uninstall Node and install the latest version. It's worked for me Hope it works for you :)

answered Feb 11, 2021 at 7:04

Shehraz Arain

672 gold badges2 silver badges6 bronze badges

Comments

Mohammad Bilal · Accepted Answer · 2021-05-15 17:09:17Z

0

I resolved the same issue by changing the timeout time to greater than 30000 npx create-react-app appname -timeout=90000

answered May 15, 2021 at 17:09

Mohammad Bilal

412 bronze badges

Comments

Ed Basaldua · Accepted Answer · 2022-06-30 22:34:08Z

0

In my case, none of the above mentioned worked for me. What fixed the problem was updating the npm:

npm install npm@latest -g

I did this because in the new LTS version (16.15.1) of NodeJS, npm was updated from 8.5.5 to 8.13.2.

edited Jun 30, 2022 at 22:34

answered Jun 30, 2022 at 22:30

Ed Basaldua

11 bronze badge

Comments

Kalimuthu K · Accepted Answer · 2022-07-16 16:51:31Z

0

just instead using the git-bash as a terminal use Windows powershell as a terminal it will work

answered Jul 16, 2022 at 16:51

Kalimuthu K

32 bronze badges

Comments

Kalimuthu K · Accepted Answer · 2022-07-16 17:37:19Z

0

in your system go to this location

C:\Users\user\AppData\Roaming

and inside that you will find a folder named "npm" delete that folder

and try npx create-react-app command again. conform it will work

answered Jul 16, 2022 at 17:37

Kalimuthu K

32 bronze badges

Comments

Shivam Patil · Accepted Answer · 2022-08-05 08:33:21Z

0

My problem was similar and unlike others cleaning cache by using (npm cache clean --force) wasn't working out for me

this helped me instead npx create-react-app my-app --use-npm

hope this does the trick for anyone who isn't getting result from cleaning cache

answered Aug 5, 2022 at 8:33

Shivam Patil

1

Comments

Mary Usaji · Accepted Answer · 2022-09-05 19:03:49Z

0

This worked for me

run npm install -g create-react-app (it will install create-react-app globally)

then create your app by running npx create-react-app [project-name]

answered Sep 5, 2022 at 19:03

Mary Usaji

12 bronze badges

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Eric Aya · Accepted Answer · 2018-10-29 14:59:12Z

-2

This was my error:

3695 verbose argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Users\\****\\AppData\\Roaming\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install" "--save" "--save-exact" "--loglevel" "error" "react" "react-dom" "react-scripts"
3696 verbose node v6.10.3
3697 verbose npm  v6.4.1
3698 error code Z_BUF_ERROR
3699 error errno -5
3700 error zlib: unexpected end of file

This solved the issue:

npm cache clean --force and ran create-react-app my-app

edited Oct 29, 2018 at 14:59

Eric Aya

70.2k36 gold badges190 silver badges266 bronze badges

answered Oct 29, 2018 at 14:05

Venkat Gupta

11 bronze badge

Collectives™ on Stack Overflow

create-react-app Failing to create a new React app in windows 10

27 Answers 27

Comments

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

27 Answers 27

Comments

Comments

1 Comment

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Linked

Related