Why I got Error while Creating React App?

Question

I was new and want to learn ReactJS and I start to install a new empty folder with npx create-react-app . command. I have npm v.6.4.1. and when I try to execute the command, it gave me an error.

Error: EPERM: operation not permitted, mkdir 'C:\Users\LOGIVAR'
TypeError: Cannot read property 'get' of undefined
    at errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:205:18)
    at C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js:78:20
    at cb (C:\Program Files\nodejs\node_modules\npm\lib\npm.js:228:22)
    at C:\Program Files\nodejs\node_modules\npm\lib\npm.js:266:24
    at C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:83:7
    at Array.forEach (<anonymous>)
    at C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:82:13
    at f (C:\Program Files\nodejs\node_modules\npm\node_modules\once\once.js:25:25)
    at afterExtras (C:\Program Files\nodejs\node_modules\npm\lib\config\core.js:173:20)
    at C:\Program Files\nodejs\node_modules\npm\node_modules\mkdirp\index.js:47:53
C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:205
  if (npm.config.get('json')) {
                 ^

TypeError: Cannot read property 'get' of undefined
    at process.errorHandler (C:\Program Files\nodejs\node_modules\npm\lib\utils\error-handler.js:205:18)
    at process.emit (events.js:182:13)
    at process._fatalException (internal/bootstrap/node.js:485:27)
Install for create-react-app@latest failed with code 7

I already do the same command on Laravel empty project, but I still gives me the same error.

Can you tell me what's the main cause problem and how to fix this?

EDIT: I already run the terminal as administrator, but I receive another error:

npm ERR! code ENOLOCAL
npm ERR! Could not install from "2\AppData\Roaming\npm-cache\_npx\10552" as it does not contain a package.json file.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\LOGIVAR TY 2\AppData\Roaming\npm-cache\_logs\2019-01-23T04_18_56_036Z-debug.log
Install for create-react-app@latest failed with code 1

Saif · Accepted Answer · 2020-05-19 08:29:33Z

In my case the actual issue was due to the presence of a space in my windows user name folder. Which also appears to be the case here by looking at the first line of the stack trace,

Error: EPERM: operation not permitted, mkdir 'C:\Users\LOGIVAR'

Since there is no directory present named LOGIVAR its trying to run mkdir, for which its getting operation not permitted.

Following is how i fixed it thanks to citoreek, g8up & gijswijs

run npm config edit to edit your config, this will open up a text file in notepad or your configured editor,

then change cache path from

; cache=C:\Users\Gijs van Dam\AppData\Roaming\npm-cache

to

cache=C:\Users\GIJSVA~1\AppData\Roaming\npm-cache

Remember to remove the ; at the start, next question would be how do we know to replace our user name with GIJSVA~1?

There are a couple of ways to target this,

Go to C:\Users open power Shell and execute following command

cmd /c dir /x

what this does is, list down all the directories in current directory along with their short names which aren't supposed to contain any spaces and normally are 6 characters or less in length. Copy that short name against your user name directory and use this in your cache path.

You will notice these short names only exist for directories either containing spaces or which are longer than 6 characters, for the rest of the directories their short names will be same as their directory name,

If you don't want to use above command, then simply remove all the spaces from your user name in your cache path, then take the first 6 characters of the user directory name and postfix it with ~1. You should also uppercase it, but it appears not to be making any difference.

After you are done with editing this file, save your changes then try again after closing any active power shell / bash process and reopening them.

Just updating the cache in npm config as mentioned above fixed it for me. F windows once again, never have these kind of problems on a Mac.
they really should have this kind of information on the create-react-app getting started page
In my case, I needed to modify everything that mentions my full name with space.
This was exactly the issue. Never could have thought this. Thanks a lot.

Parth Navadiya · Accepted Answer · 2020-06-07 05:36:06Z

33

First to install globally
```
npm install -g create-react-app
```
Create your new app
```
npx create-react-app your-app-name
```
this worked for me

answered Jun 7, 2020 at 5:36

Parth Navadiya

7207 silver badges9 bronze badges

2 Comments

sachuverma Over a year ago

will this method use latest version or the version installed globally?

Parth Navadiya Over a year ago

@sachuverma this method install latest version globally

Bon Andre Opina · Accepted Answer · 2019-01-23 04:12:29Z

9

Have you tried running this as admin?

answered Jan 23, 2019 at 4:12

Bon Andre Opina

2,2382 gold badges20 silver badges36 bronze badges

8 Comments

Ryuujo Over a year ago

I run it on PhpStorm terminal. I'm not sure it's runned as admin

Bon Andre Opina Over a year ago

Try running it as admin since your operation is not permitted

Ryuujo Over a year ago

It works. But it gave me another error. I'll edit it on my question

Bon Andre Opina Over a year ago

Okay Nice I should've commented this

Bon Andre Opina Over a year ago

Try this command: npm install -g create-react-app, I referred it from this one: github.com/facebook/create-react-app/issues/4058

|

user10594403 · Accepted Answer · 2019-01-23 04:14:29Z

1

add project name like this in your command:

 npx create-react-app your-project-name

answered Jan 23, 2019 at 4:14

user10594403

Comments

Lev Korsunskyi · Accepted Answer · 2019-07-08 18:15:14Z

1

This is an issue with npx. Your computer name has a space in it. I'd recommend npm install -g create-react-app to get around the npx issue.

answered Jul 8, 2019 at 18:15

Lev Korsunskyi

363 bronze badges

Comments

zed · Accepted Answer · 2020-04-16 14:36:20Z

The above stated problem is due to the white space contained in the folder name. Best way is to make changes the config file.

Enter npm config edit to enter into your config file

Then change

; cache=C:\Users\Sinojia Zeel\AppData\Roaming\npm-cache

to

cache=C:\Users\SINOJI~1\AppData\Roaming\npm-cache

Don't forget to remove semi-colon from the front

The SINOJI~1 can be replaced with your folder name that contains white space. Just take first 6 letters of your file name and in suffix add ~1(Capitalizing the file name is optional but often it is done)

Save the file and exit and re-run the npx create-react-app . command.

Onur Doğan · Accepted Answer · 2024-02-21 05:34:37Z

1

The following commands worked for me:

npm install -g create-react-app
npx create-react-app project-name

edited Feb 21, 2024 at 5:34

Onur Doğan

2,11612 gold badges35 silver badges60 bronze badges

answered Jul 27, 2021 at 3:46

Remeshkrishna

111 bronze badge

Comments

DP3PO · Accepted Answer · 2024-03-17 18:16:18Z

1

I encountered a similar issue due to a space in my username. Here's a concise guide on what didn't work and the solution that finally did:

Attempts that failed:

Clear the npm cache: npm cache clear -f
Verify the cache: npm cache verify
Update the cache path with "~!"

Successful solution:

Reinstall npm globally: npm -g install npm
Create a new React app: npm init react-app my-app

This approach resolved my issue. Hopefully, it helps you too!

edited Mar 17, 2024 at 18:16

answered Jul 27, 2021 at 14:11

DP3PO

711 silver badge9 bronze badges

Comments

Pavan Reddy · Accepted Answer · 2020-03-11 06:02:20Z

0

First install create-react-app

npm  install create-react-app

then

npx create-react-app app-name

edited Mar 11, 2020 at 6:02

answered Mar 10, 2020 at 10:53

Pavan Reddy

111 bronze badge

1 Comment

Talha Rahman Over a year ago

nope no need to install create-react-app if you are using npx create-react-app

sidharth panda · Accepted Answer · 2020-07-19 23:08:14Z

0

I ran into a similar issue while creating a React app from Linkedin Learning it had the command - npx create-react-app my-website --use-npm to create a new React application but didn't mention if it required any prerequisite.

So in order to run the above command, first install the create-react-app with npm install -g create-react-app

answered Jul 19, 2020 at 23:08

sidharth panda

12 bronze badges

Comments

akhilesh59 · Accepted Answer · 2021-05-27 09:41:17Z

0

I was also getting the same error:

Error: EPERM: operation not permitted, mkdir 'C:\Users\Username'
command not found: create-react-app

Then the below command worked for me:

npm install -g create-react-app
npx create-react-app project-name

answered May 27, 2021 at 9:41

akhilesh59

11 bronze badge

Comments

JGS · Accepted Answer · 2022-02-01 21:13:30Z

0

Check your node version. If you are using like node v14 it might be the problem. In my case, since I switch between different versions with NVM, I than realized that I was using v14 rather than v16+.

To see your current node version, open your terminal and type: node -v

answered Feb 1, 2022 at 21:13

JGS

134 bronze badges

Comments

zuhair sakharkar · Accepted Answer · 2024-02-29 15:44:47Z

0

I was facing the same problem. I opened my cmd in administrative mode and it worked for me. Do try this if this is not working above any of the one solution could work.

answered Feb 29, 2024 at 15:44

zuhair sakharkar

1

Comments

Rafiyuddin Shaikh · Accepted Answer · 2023-07-31 07:00:58Z

-1

I got the problem solved . I was trying to install react from my nodejs folder location which is installed under program file folder. However while checking config file I have found differet path which C:\users\admin . I switch to that folder and try and got success. So check the path in config file and install that folder path.

answered Jul 31, 2023 at 7:00

Rafiyuddin Shaikh

11 bronze badge

Collectives™ on Stack Overflow

Why I got Error while Creating React App?

14 Answers 14

4 Comments

2 Comments

8 Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

14 Answers 14

4 Comments

2 Comments

8 Comments

Comments

Comments

Comments

Comments

Comments

1 Comment

Comments

Comments

Comments

Comments

Comments

Linked

Related