How to fix permission errors with npm - reactjs

I'm trying to create a new React app but am running into permission errors that I don't understand. I'm pretty new to programming so I don't quite understand what's going on. Below is a copy of my terminal. I am using a Mac with Mojave version 10.14.6. I have Node v10.15.3 installed npm 6.9.0 and npx 6.9.0.
I've had other permission errors before and have used sudo to get around them, but I would really like to know what the root cause of these permission errors is and how to fix it.
Monicas-MacBook-Air:code monica$ npx create-react-app weekly-scheduler
Creating a new React app in /Users/monica/code/weekly-scheduler.
Installing packages. This might take a couple of minutes. Installing
react, react-dom, and react-scripts with cra-template...
npm ERR! path
/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4 npm ERR! code EACCES npm ERR! errno -13 npm ERR! syscall open npm ERR!
Error: EACCES: permission denied, open
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4'
npm ERR! { [Error: EACCES: permission denied, open
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4']
npm ERR! cause: npm ERR! { Error: EACCES: permission denied, open
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4'
npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR!
syscall: 'open', npm ERR! path: npm ERR!
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4'
}, npm ERR! isOperational: true, npm ERR! stack: npm ERR!
'Error: EACCES: permission denied, open
\'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4\'',
npm ERR! errno: -13, npm ERR! code: 'EACCES', npm ERR! syscall:
'open', npm ERR! path: npm ERR!
'/Users/monica/.npm/_cacache/index-v5/67/c7/8dd80b7495bd43b4dedc63a0cbc936eed1bb997cd36191f55d47f11693a4',
npm ERR! parent: '#babel/plugin-proposal-unicode-property-regex' }
npm ERR! npm ERR! The operation was rejected by your operating
system. npm ERR! It is likely you do not have the permissions to
access this file as the current user npm ERR! npm ERR! If you believe
this might be a permissions issue, please double-check the npm 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!
/Users/monica/.npm/_logs/2019-12-06T20_36_41_071Z-debug.log
Aborting installation. npm install --save --save-exact --loglevel
error react react-dom react-scripts cra-template has failed.
Deleting generated file... package.json Deleting weekly-scheduler/
from /Users/monica/code Done.

Related

npx create-react-app showing error when installing

I get below error when npx create-react-app. please help me how to solve this problem.
nodejs version is v16.14.2 and npm version is 8.5.0
To address all issues (including breaking changes), run:
npm audit fix --force
(base) kiranrana#Kirans-MacBook-Pro react-app % npm install -g create-react-app
npm ERR! code EACCES
npm ERR! syscall rename
npm ERR! path /usr/local/lib/node_modules/create-react-app
npm ERR! dest /usr/local/lib/node_modules/.create-react-app-DgI96EzL
npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/create-react-app' -> '/usr/local/lib/node_modules/.create-react-app-DgI96EzL'
npm ERR! [Error: EACCES: permission denied, rename '/usr/local/lib/node_modules/create-react-app' -> '/usr/local/lib/node_modules/.create-react-app-DgI96EzL'] {
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'rename',
npm ERR! path: '/usr/local/lib/node_modules/create-react-app',
npm ERR! dest: '/usr/local/lib/node_modules/.create-react-app-DgI96EzL'
npm ERR! }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR! /Users/kiranrana/.npm/_logs/2022-07-12T12_00_07_463Z-debug-0.log
It looks like a permission denied error which could be caused due to incorrect installation of npm/node. Also, I just noticed that you are using kiranrana#Kirans-MacBook-Pro react-app % npm install -g create-react-app which is not recommended. I'd suggest you to use below command.
sudo npx create-react-app .

How can I solve this new error on the command line?

This error happened when I was creating my react app - I can not solve it.
Reinstalled node and changed directory from drive of windows but nothing changed.
Thanks for your help
C:\Users\Polymer>W:
W:\>cd CMD
W:\CMD>npx create-react-app my-app
npm ERR! code EPERM
npm ERR! syscall open
npm ERR! path C:\Users\Polymer\AppData\Roaming\npm-cache\_cacache\index-v5\2b\1c
\4ede2f97cfb5e7b1fe999329dd5b5252cac9a58995c5659a37aaf25d18cb
npm ERR! errno -4048
npm ERR! Error: EPERM: operation not permitted, open 'C:\Users\Polymer\AppData\R
oaming\npm-cache\_cacache\index-v5\2b\1c\4ede2f97cfb5e7b1fe999329dd5b5252cac9a58
995c5659a37aaf25d18cb'
npm ERR! { [Error: EPERM: operation not permitted, open 'C:\Users\Polymer\AppDa
ta\Roaming\npm-cache\_cacache\index-v5\2b\1c\4ede2f97cfb5e7b1fe999329dd5b5252cac
9a58995c5659a37aaf25d18cb']
npm ERR! cause:
npm ERR! { Error: EPERM: operation not permitted, open 'C:\Users\Polymer\AppD
ata\Roaming\npm-cache\_cacache\index-v5\2b\1c\4ede2f97cfb5e7b1fe999329dd5b5252ca
c9a58995c5659a37aaf25d18cb'
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! syscall: 'open',
npm ERR! path:
npm ERR! 'C:\\Users\\Polymer\\AppData\\Roaming\\npm-cache\\_cacache\\index
-v5\\2b\\1c\\4ede2f97cfb5e7b1fe999329dd5b5252cac9a58995c5659a37aaf25d18cb' },
npm ERR! isOperational: true,
npm ERR! stack:
npm ERR! 'Error: EPERM: operation not permitted, open \'C:\\Users\\Polymer\\A
ppData\\Roaming\\npm-cache\\_cacache\\index-v5\\2b\\1c\\4ede2f97cfb5e7b1fe999329
dd5b5252cac9a58995c5659a37aaf25d18cb\'',
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! syscall: 'open',
npm ERR! path:
npm ERR! 'C:\\Users\\Polymer\\AppData\\Roaming\\npm-cache\\_cacache\\index-v5
\\2b\\1c\\4ede2f97cfb5e7b1fe999329dd5b5252cac9a58995c5659a37aaf25d18cb' }
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 ant
ivirus),
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 t
he
npm ERR! permissions of the file and its containing directories, or try running
npm ERR! the command again as root/Administrator.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Polymer\AppData\Roaming\npm-cache\_logs\2020-07-11T19_05_3
5_466Z-debug.log
Install for create-react-app#latest failed with code 4294963248
W:\CMD>create-react-app my-app
'create-react-app' is not recognized as an internal or external command,
operable program or batch file.
Open the shell with Run as Administrator or grant owner access to those directories.
npm ERR! { [Error: EPERM: operation not permitted, open 'C:\Users\Polymer\AppDa ta\Roaming\npm-cache_cacache\index-v5\2b\1c\4ede2f97cfb5e7b1fe999329dd5b5252cac 9a58995c5659a37aaf25d18cb'], or try running npm ERR! the command again as root/Administrator. .... suggests permission issues
If this doesn't work - another SO thread suggests multiple approaches, report back if you are still facing issues with a -debug.log preferably
npm - EPERM: operation not permitted on Windows

Reactjs installation failed

I just changed a new laptop to MacBook air using Catalina. I was successfully installed Node when I tried install Reactjs but it says 'permission denied' to node file as below:
zulfadliazhar#Zulfadlis-MacBook-Air ~ % npm install -g create-react-app
npm WARN checkPermissions Missing write access to
/usr/local/lib/node_modules npm ERR! code EACCES npm ERR! syscall
access npm ERR! path /usr/local/lib/node_modules npm ERR! errno -13
npm ERR! Error: EACCES: permission denied, access
'/usr/local/lib/node_modules' npm ERR! [Error: EACCES: permission
denied, access '/usr/local/lib/node_modules'] { npm ERR! errno: -13,
npm ERR! code: 'EACCES', npm ERR! syscall: 'access', npm ERR!
path: '/usr/local/lib/node_modules' npm ERR! } npm ERR! npm ERR! The
operation was rejected by your operating system. npm ERR! It is likely
you do not have the permissions to access this file as the current
user npm ERR! npm ERR! If you believe this might be a permissions
issue, please double-check the npm ERR! permissions of the file and
its containing directories, or try running npm ERR! the command again
as root/Administrator.
npm ERR! A complete log of this run can be found in: npm ERR!
/Users/zulfadliazhar/.npm/_logs/2020-05-15T01_03_00_850Z-debug.log
zulfadliazhar#Zulfadlis-MacBook-Air ~ % create-react-app --version
zsh: command not found: create-react-app
Please assist me.
Thank you
You need the sudo rights to install something in -g (it means global) because it will install it here => /usr/local/lib/node_modules
so you just need to retry like this sudo npm install -g create-react-app

having problems running these command VS code to create a react app

I am a newbie to react. trying to run create a react app command on my mac terminal but this keeps popping up. I need help as I a working on a front end developer.
npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
npm ERR! path /usr/local/lib/node_modules
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR! { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules']
npm ERR! stack:
npm ERR! 'Error: EACCES: permission denied, access \'/usr/local/lib/node_modules\'',
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/usr/local/lib/node_modules' }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm 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! /Users/wahab/.npm/_logs/2019-01-14T17_39_00_181Z-debug.log
wahabs-MacBook-Pro:web projects wahab$ node --version
v10.15.0
wahabs-MacBook-Pro:web projects wahab$ node --version
v10.15.0
wahabs-MacBook-Pro:web projects wahab$ npm install -g create-react-app
npm WARN checkPermissions Missing write access to /usr/local/lib/node_modules
npm ERR! path /usr/local/lib/node_modules
npm ERR! code EACCES
npm ERR! errno -13
npm ERR! syscall access
npm ERR! Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR! { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules']
npm ERR! stack:
npm ERR! 'Error: EACCES: permission denied, access \'/usr/local/lib/node_modules\'',
npm ERR! errno: -13,
npm ERR! code: 'EACCES',
npm ERR! syscall: 'access',
npm ERR! path: '/usr/local/lib/node_modules' }
npm ERR!
npm ERR! The operation was rejected by your operating system.
npm ERR! It is likely you do not have the permissions to access this file as the current user
npm ERR!
npm ERR! If you believe this might be a permissions issue, please double-check the
npm 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).
Not a viable solution on the long term, because it seems that you have access issues that you should fix. In the meantime, you can do that, prepend sudo in front of your command to execute it with admin rights.
sudo npm install -g create-react-app

React Error: EPERM: operation not permitted

I am learning react and trying to create react app from command line in windows 10. But it gives an error in middle of the process. Below is the error log.
My node version is v10.8.0 and npm version is 6.2.0
I am using below command to create the app.
D:\react>create-react-app myappreact
Creating a new React app in D:\react\myappreact.
Installing packages. This might take a couple of minutes.
Installing react, react-dom, and react-scripts...
npm ERR! path D:\react\myappreact\node_modules\.staging\url-parse-6c16a96d\index.js
npm ERR! code EPERM
npm ERR! errno -4048
npm ERR! syscall unlink
npm ERR! Error: EPERM: operation not permitted, unlink 'D:\react\myappreact\node_modules\.staging\url-parse-6c16a96d\index.js'
npm ERR! { [Error: EPERM: operation not permitted, unlink 'D:\react\myappreact\node_modules\.staging\url-parse-6c16a96d\index.js']
npm ERR! cause:
npm ERR! { Error: EPERM: operation not permitted, unlink 'D:\react\myappreact\node_modules\.staging\url-parse-6c16a96d\index.js'
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! syscall: 'unlink',
npm ERR! path:
npm ERR! 'D:\\react\\myappreact\\node_modules\\.staging\\url-parse-6c16a96d\\index.js' },
npm ERR! stack:
npm ERR! 'Error: EPERM: operation not permitted, unlink \'D:\\react\\myappreact\\node_modules\\.staging\\url-parse-6c16a96d\\index.js\'',
npm ERR! errno: -4048,
npm ERR! code: 'EPERM',
npm ERR! syscall: 'unlink',
npm ERR! path:
npm ERR! 'D:\\react\\myappreact\\node_modules\\.staging\\url-parse-6c16a96d\\index.js',
npm ERR! parent: 'myappreact' }
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 the
npm 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).
I had exactly the same problem. I simply turned off my Windows Defender Real-time protection and ran the create-react-app command again, then the problem has been solved.
Try deleting all text files on npm-cache logs folder. It worked for me.
C:\Users\yours\AppData\Local\npm-cache\_logs

Resources