如何解决创建React App时出现的npm EACCES权限错误问题

报错原因 #

你遇到的EACCES报错是当前用户没有系统全局目录/usr/local/lib的写入权限，导致npm无法写入全局安装的包文件。

修复方案 #

方案一：修改npm全局安装目录（最推荐，无安全风险） #

不需要修改系统目录权限，也不需要每次用管理员权限运行命令，适合所有场景：

• 在当前用户目录下创建专属的npm全局包存储目录
  mkdir ~/.npm-global
• 配置npm使用新目录作为全局安装路径
  npm config set prefix '~/.npm-global'
• 编辑当前用户的环境变量配置文件（bash对应~/.bashrc，zsh对应~/.zshrc），在末尾添加如下内容
  export PATH=~/.npm-global/bin:$PATH
• 刷新环境变量使配置生效
  source ~/.bashrc（用zsh的用户替换为source ~/.zshrc）
• 重新执行安装命令即可
  npm install -g create-react-app

方案二：修改系统目录所属用户（次选，适合个人单用户设备） #

直接把/usr/local/lib的所属权限改为当前用户，后续所有全局安装都不需要额外操作：

• 执行权限修改命令，输入用户密码确认即可
  sudo chown -R $USER:$USER /usr/local/lib
• 直接执行原安装命令即可
  npm install -g create-react-app

方案三：临时提升权限执行（不推荐） #

仅适合临时应急，后续安装其他全局包依然会触发权限问题：

• 直接在安装命令前加sudo获取管理员权限
  sudo npm install -g create-react-app

附加建议 #

目前React官方已经不推荐全局安装create-react-app，你可以直接用npx创建React项目，完全绕开全局安装的权限问题：
npx create-react-app 你的项目名称

内容的提问来源于stack exchange，提问作者Govinda kumar