macOS npx create-react-app 创建react项目报错或是没有写入权限

作者:J.sky · 发表于:
2023-06-23T15:59:35.000000Z
· 更新于:
2023-08-13T22:54:57.626618Z
· Tag: react macOS

今天闲来无事,打算创建一个react的项目玩玩,但是发现使用npx create-react-app无法创建react项目,如果添加sudo前缀,虽能创建,但是无法修改项目中的文件,这可奇了个怪了?!

问题现场

之前可是没有这个问题的,创建react项目没有遇到过任何问题,回忆造成这种情况的原因唯一的可能性就是因为升级了macOS系统的版本,难道升级系统版本还是造成某些目录的权限丢失?

npx create-react-app之后,若是没有使用sudo则会因为没有写入权限创建失败,若使用了sudo npx create-react-app,虽能创建项目并运行,但是运行后会报错,并且无法修改任何文件,提示没有权限,IDE会只能提示让你输入管理密码后可以修改,这个可就不爽了,而且程序自动执行写入文件,一定会报错。

解决方法

后来,看到有个错误提示中有段让运行:

sudo chown -R 501:20 "/Users/J.sky/.npm"

然后我就运行了一下,问题就解决了。其原因是因为.npm目录没有写入权限,手动修改一下就好了,如果你也有这个问题,可以试试看:

sudo chown -R 501:20 "/Users/「你的macOS用户名」/.npm"

把「你的macOS用户名」换成:J.sky(我的用户名,这里换成你的假如是Tom):

sudo chown -R 501:20 "/Users/Tom/.npm"

运行,输入密码后,就可以解决了,之后使用npx create-react-app就和以前一样了。