Mac端安装React Native遇npm 403错误，求解决方案

这个403错误大概率是npm权限配置问题或者镜像访问限制导致的，我给你几个一步步排查解决的方案，按顺序试试：

方案1：不要全局安装react-native-cli（官方推荐） #

首先得提一句：现在React Native官方已经不建议全局安装react-native-cli了！直接用npx来创建项目就可以，完全不用全局装，这能避免很多权限和版本冲突问题。你可以直接跳过全局安装，执行下面的命令创建项目：

npx react-native init YourProjectName

如果这能正常运行，那问题就解决了，这也是最省心的办法。

方案2：修复npm全局目录的权限（如果一定要全局安装） #

如果你还是需要全局装cli，那大概率是你当前用户没有npm全局目录的写入权限，导致安装时被拒绝。按下面的步骤修复：

1. 先查看npm全局包的安装目录：

npm config get prefix

默认情况下，Homebrew安装的Node，这个路径会是/usr/local（Intel芯片Mac）或者/opt/homebrew（M1/M2等Apple Silicon芯片Mac）。
2. 给这个目录赋予当前用户的权限：

• Intel Mac用户执行：

sudo chown -R $(whoami) /usr/local/lib/node_modules
sudo chown -R $(whoami) /usr/local/bin
sudo chown -R $(whoami) /usr/local/share

• Apple Silicon Mac用户执行：

sudo chown -R $(whoami) /opt/homebrew/lib/node_modules
sudo chown -R $(whoami) /opt/homebrew/bin
sudo chown -R $(whoami) /opt/homebrew/share

3. 权限修复后，再重新执行安装命令：

npm install -g react-native-cli

方案3：切换npm镜像源 #

有时候官方npm镜像访问不稳定或者被限制，会触发403错误。你可以切换到国内的镜像源试试，比如淘宝镜像：

1. 临时用镜像源安装：

npm install -g react-native-cli --registry=https://registry.npmmirror.com

2. 或者永久切换镜像源（以后所有npm操作都用这个源）：

npm config set registry https://registry.npmmirror.com

设置完成后再执行全局安装命令即可。

方案4：检查代理和VPN设置 #

如果你当前开了代理或者VPN，可能会干扰npm的请求链路导致403。先关闭代理/VPN，然后重新执行安装命令试试。

内容的提问来源于stack exchange，提问作者Melanie Journe