MacOS安装Angular CLI遇ENOTEMPTY错误及ng命令无法识别问题

1. 彻底清理残留的Angular CLI文件 #

ENOTEMPTY错误是因为旧的Angular CLI目录未清理干净，npm无法完成重命名操作，先手动删除残留文件：

rm -rf /Users/ioanevans/.npm-global/lib/node_modules/@angular/cli

若提示权限不足，添加sudo执行：

sudo rm -rf /Users/ioanevans/.npm-global/lib/node_modules/@angular/cli

2. 重新全局安装Angular CLI #

清理完成后重新执行安装命令：

npm install -g @angular/cli

3. 解决ng命令无法识别的问题 #

该问题是因为npm全局安装的二进制文件目录未加入zsh的环境变量PATH中，按以下步骤配置：

步骤1：确认npm全局前缀路径 #

执行命令获取路径：

npm config get prefix

根据你的配置，输出应为/Users/ioanevans/.npm-global，对应的bin目录为/Users/ioanevans/.npm-global/bin

步骤2：配置zsh环境变量 #

打开zsh配置文件：

open -e ~/.zshrc

在文件末尾添加一行：

export PATH="/Users/ioanevans/.npm-global/bin:$PATH"

保存并关闭文件后，让配置立即生效：

source ~/.zshrc

步骤3：验证配置 #

执行命令检查ng是否可用：

ng --version

若能显示Angular CLI的版本信息，则配置成功。

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