Mac执行npm i 报错502

2024-11 0

如下如,在mac环境下安装依赖的时候报错提示502。
image.png
通过检查环境变量中的代理设置,发现是配置了代理的问题,以下是排查步骤。

1.检查环境变量中的代理设置

  • 代理通常可以通过环境变量 http_proxy 和 https_proxy 来设置。可以在终端中使用以下命令来查看是否有设置代理的环境变量:
echo $http_proxy
echo $https_proxy
echo $HTTP_PROXY
echo $HTTPS_PROXY
  • 如果这些命令返回的不是空值,说明环境变量中配置了代理。

2. 检查 ~/.bash_profile 或 ~/.zshrc 文件

  • 环境变量的代理设置可能会在用户的 Shell 配置文件中配置。根据你使用的 Shell 不同,查看相应文件
  • 如果使用的是 Bash Shell,查看 ~/.bash_profile 或 ~/.bashrc 文件:
cat ~/.bash_profile
cat ~/.bashrc
  • 如果使用的是 Zsh Shell(macOS 默认的 Shell),查看 ~/.zshrc 文件:
cat ~/.zshrc
  • 查找包含 proxy 的行,例如 export http_proxy=http://your-proxy:port,如果找到代理设置,可以注释掉(在行前加 #)或者删除。

3. 修改 ~/.zshrc 文件

  • 使用 vim 来编辑。
vim ~/.zshrc
  • i键进入编辑模式
  • 编辑完后按esc退出编辑模式
  • 输入:wq并回车保存并退出vim编辑器

4. 重新加载 ~/.zshrc 文件

编辑完成后,为了使更改立即生效,可以在终端中执行以下命令重新加载 ~/.zshrc 文件:

source ~/.zshrc

最后,如果在VSCode中执行npm i还是报错,可以换成在终端工具中执行npm i,因为VSCode中的终端环境跟电脑系统的终端环境会稍有不同。