React Install Issues

[JC0133]

I am trying to learn React. I watched a few youtube tutorials on how to install and setup React.

I installed nodeJS and downloaded/clone git repo of create-react-app.

I am not sure how to run create-react-app.

The versions I have below
C:\Users\UserName>node -v
v10.16.0

C:\Users\UserName>npx -v
6.9.0

So everytime I run the command below I receive this error.

C:\Users\UserName>npx create-react-app practical-react
Error: EPERM: operation not permitted, mkdir 'C:\Users\UserName'
TypeError: Cannot read property 'loaded' of undefined
at exit (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98:27)
at errorHandler (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:216:3)
at D:\Program Files D\nodejs\node_modules\npm\bin\npm-cli.js:77:20
at cb (D:\Program Files D\nodejs\node_modules\npm\lib\npm.js:225:22)
at D:\Program Files D\nodejs\node_modules\npm\lib\npm.js:263:24
at D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:83:7
at Array.forEach (<anonymous>)
at D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:82:13
at f (D:\Program Files D\nodejs\node_modules\npm\node_modules\once\once.js:25:25)
at afterExtras (D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:173:20)
D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98
var doExit = npm.config.loaded ? npm.config.get('_exit') : true
^

TypeError: Cannot read property 'loaded' of undefined
at exit (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98:27)
at process.errorHandler (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:216:3)
at process.emit (events.js:198:13)
at process._fatalException (internal/bootstrap/node.js:496:27)
Install for create-react-app@latest failed with code 7

Any Ideas on how to fix this error?

 

[infamoustrey]

Looks like others had a similar issue: https://github.com/zkat/npx/issues/100

 

[beginner99]

I am trying to learn React. I watched a few youtube tutorials on how to install and setup React.

I installed nodeJS and downloaded/clone git repo of create-react-app.

I am not sure how to run create-react-app.

The versions I have below
C:\Users\UserName>node -v
v10.16.0

C:\Users\UserName>npx -v
6.9.0

So everytime I run the command below I receive this error.

C:\Users\UserName>npx create-react-app practical-react
Error: EPERM: operation not permitted, mkdir 'C:\Users\UserName'
TypeError: Cannot read property 'loaded' of undefined
at exit (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98:27)
at errorHandler (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:216:3)
at D:\Program Files D\nodejs\node_modules\npm\bin\npm-cli.js:77:20
at cb (D:\Program Files D\nodejs\node_modules\npm\lib\npm.js:225:22)
at D:\Program Files D\nodejs\node_modules\npm\lib\npm.js:263:24
at D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:83:7
at Array.forEach (<anonymous>)
at D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:82:13
at f (D:\Program Files D\nodejs\node_modules\npm\node_modules\once\once.js:25:25)
at afterExtras (D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:173:20)
D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98
var doExit = npm.config.loaded ? npm.config.get('_exit') : true
^

TypeError: Cannot read property 'loaded' of undefined
at exit (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98:27)
at process.errorHandler (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:216:3)
at process.emit (events.js:198:13)
at process._fatalException (internal/bootstrap/node.js:496:27)
Install for create-react-app@latest failed with code 7

Any Ideas on how to fix this error?

That is why I never bothered with react. It's just bloat and the whole node.js / npm system is a complete mess and security issue. Why a client-side library should require these remains a mystery to me. Yeah supposedrly you can hack around it and use it without node or npm, but only if you "hack" it before even starting with actually programming. Nope, nope. Stay away from these hipster cowboy techs.

 

[infamoustrey]

That is why I never bothered with react. It's just bloat and the whole node.js / npm system is a complete mess and security issue. Why a client-side library should require these remains a mystery to me. Yeah supposedrly you can hack around it and use it without node or npm, but only if you "hack" it before even starting with actually programming. Nope, nope. Stay away from these hipster cowboy techs.

Did you read the error? It's a permissions issue with access to a directory because it was installed improperly not an actual issue with npm or node.

 

[Jamesscottfl]

I am trying to learn React. I watched a few youtube tutorials on how to install and setup React.

I installed nodeJS and downloaded/clone git repo of create-react-app.

I am not sure how to run create-react-app.

The versions I have below
C:\Users\UserName>node -v
v10.16.0

C:\Users\UserName>npx -v
6.9.0

So everytime I run the command below I receive this error.

C:\Users\UserName>npx create-react-app practical-react
Error: EPERM: operation not permitted, mkdir 'C:\Users\UserName'
TypeError: Cannot read property 'loaded' of undefined
at exit (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98:27)
at errorHandler (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:216:3)
at D:\Program Files D\nodejs\node_modules\npm\bin\npm-cli.js:77:20
at cb (D:\Program Files D\nodejs\node_modules\npm\lib\npm.js:225:22)
at D:\Program Files D\nodejs\node_modules\npm\lib\npm.js:263:24
at D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:83:7
at Array.forEach (<anonymous>)
at D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:82:13
at f (D:\Program Files D\nodejs\node_modules\npm\node_modules\once\once.js:25:25)
at afterExtras (D:\Program Files D\nodejs\node_modules\npm\lib\config\core.js:173:20)
D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98
var doExit = npm.config.loaded ? npm.config.get('_exit') : true
^

TypeError: Cannot read property 'loaded' of undefined
at exit (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:98:27)
at process.errorHandler (D:\Program Files D\nodejs\node_modules\npm\lib\utils\error-handler.js:216:3)
at process.emit (events.js:198:13)
at process._fatalException (internal/bootstrap/node.js:496:27)
Install for create-react-app@latest failed with code 7

Any Ideas on how to fix this error?

Look this: https://github.com/nodejs/node/issues/26315

 

[Marktaree]

I think this happens for a lof of Windows 10 user:-

https://github.com/facebook/create-react-app/issues/6512

Try upgrading.

 

[mikegg]

That is why I never bothered with react. It's just bloat and the whole node.js / npm system is a complete mess and security issue. Why a client-side library should require these remains a mystery to me. Yeah supposedrly you can hack around it and use it without node or npm, but only if you "hack" it before even starting with actually programming. Nope, nope. Stay away from these hipster cowboy techs.

Maybe because the websites have become exponentially more complex? Many of them are basically apps running on a browser. Example: You can now run design software literally in the web browser. Check out figma.com.

Users have demanded that apps run on the browser for convenience.

Companies responded by building more sophisticated front-end tools.

Even the forum software on Anandtech has become much more complex. Modern tools like React makes it easier to build.

 

[JC0133]

Thanks for all the responses, I was actually able to get it running based of some of the responses from this post.