使用npm全局安装angular-cli陷入无限循环的解决办法咨询

开发者阿泽

2026-5-19

解决Mac上npm全局安装Angular CLI无限循环的问题

我之前也碰到过Mac上用npm全局装Angular CLI卡无限循环的情况，结合你的Node（9.5.0）和npm（5.6.0）版本，大概率是缓存损坏、权限冲突或者版本兼容性的问题，给你几个亲测有效的解决办法：

清理npm缓存后重装
缓存损坏是导致安装卡住的常见原因，先强制清空缓存再尝试安装：
```
npm cache clean --force
npm install -g @angular/cli
```
修复npm全局权限问题
权限问题是Mac全局npm安装的高频坑，默认的全局安装目录可能需要sudo权限，这会导致安装流程异常。可以自定义npm全局目录来规避：
1. 创建专属的全局npm目录：
```
mkdir ~/.npm-global
```
2. 配置npm使用这个目录：
```
npm config set prefix '~/.npm-global'
```
3. 将这个目录添加到系统PATH中（根据你用的Shell选择配置文件，比如bash用~/.bash_profile，zsh用~/.zshrc）：
```
echo 'export PATH=~/.npm-global/bin:$PATH' >> ~/.zshrc
```
4. 刷新配置文件：
```
source ~/.zshrc
```
5. 现在再尝试全局安装Angular CLI：
```
npm install -g @angular/cli
```
切换到LTS版本的Node.js
你当前用的Node 9.x是非稳定版本，Angular CLI对LTS版本的兼容性更好。可以用nvm（Node版本管理器）来切换版本：
1. 用Homebrew安装nvm（如果还没装的话）：
```
brew install nvm
```
2. 配置nvm的环境变量（加到Shell配置文件里）：
```
echo 'export NVM_DIR="$HOME/.nvm"' >> ~/.zshrc
echo '[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"' >> ~/.zshrc
```
3. 刷新配置后，安装并切换到Node 8.x LTS：
```
nvm install 8
nvm use 8
```
4. 之后再安装Angular CLI即可。
用Yarn替代npm安装
Yarn的安装机制比当时的npm 5.x更稳定，可以试试用Yarn全局安装：
1. 先安装Yarn（用Homebrew）：
```
brew install yarn
```
2. 全局安装Angular CLI：
```
yarn global add @angular/cli
```