Mac OS Sierra下使用Angular CLI创建项目报错：/app/app.module.ts路径不存在

我之前在Mac OS Sierra上折腾Angular CLI时也碰到过一模一样的问题，大概率是Node/CLI的残留文件、权限冲突或者版本不兼容导致的。你已经尝试了卸载Node，那咱们再从清理CLI缓存、重新规范安装的角度来解决：

第一步：彻底清理Angular CLI残留 #

有时候卸载Node后，全局的Angular CLI缓存和文件还会留在系统里，这是触发路径错误的常见原因：

• 首先全局卸载Angular CLI：

  npm uninstall -g @angular/cli
  

• 强制清理npm缓存：

  npm cache clean --force
  

  （如果你的npm版本是7及以上，也可以用npm cache verify来验证并清理缓存）
• 检查是否还有残留的ng命令路径，执行：

  which ng
  

  如果输出了具体路径，直接删除这个文件：

  sudo rm -rf $(which ng)
  

第二步：用nvm规范安装Node和Angular CLI #

Mac OS Sierra直接安装Node很容易碰到/usr/local目录的权限问题，用nvm（Node版本管理器）能完美避开这个坑：

• 先安装nvm，可以通过Homebrew安装：

  brew install nvm
  

  安装完成后，按照终端提示配置shell环境（比如把nvm的初始化命令加到~/.bash_profile或~/.zshrc里），然后重启终端。
• 安装Node LTS版本（长期支持版，兼容性最好）：

  nvm install --lts
  

• 全局安装Angular CLI：

  npm install -g @angular/cli
  

第三步：正确创建项目 #

创建项目时要避开权限陷阱：

• 绝对不要用sudo ng new my-app，超级用户权限会打乱文件的所有权，导致路径识别异常
• 切换到有写入权限的目录（比如桌面）再创建项目：

  cd ~/Desktop && ng new my-app
  

• 如果还是报错，可以尝试指定兼容的Angular版本创建（比如和当前Node LTS匹配的版本）：

  ng new my-app --version 14
  

第四步：验证安装是否成功 #

执行以下命令确认版本正常：

node -v
ng version

如果以上步骤都做完，应该就能正常创建Angular项目了。

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