使用Angular CLI创建新项目时出现@angular-devkit错误

我来帮你搞定这个问题，这类npm重命名文件时的ENOENT错误我遇到过很多次，本质是npm找不到要操作的文件/路径，大概率和缓存损坏、权限不足或者版本不兼容有关，按下面的步骤逐一排查：

1. 先清空npm缓存 #

缓存损坏是最常见的诱因，先强制清理掉：

npm cache clean --force

2. 重装Angular CLI全局包 #

有时候CLI版本和本地npm环境不匹配也会出问题，先卸载再装最新稳定版：

npm uninstall -g @angular/cli
npm install -g @angular/cli@latest

3. 检查路径权限（Windows专属） #

Windows下权限不足经常导致npm无法创建或重命名文件：

• 右键你的终端（CMD/PowerShell），选择以管理员身份运行，再重新执行ng new命令
• 确保D:\angular\project这个文件夹你有读写权限：右键文件夹→属性→安全→编辑，给当前用户添加「完全控制」权限

4. 彻底清理残留的项目文件 #

如果之前创建失败留下了半截项目文件，会干扰后续操作，先删掉：

# Windows也可以手动删除这个文件夹
rm -rf D:\angular\project

然后重新执行ng new PROJECT_NAME，尽量选短路径，别用带空格或特殊字符的路径

5. 调整npm版本（可选） #

如果上面都没用，可能是npm版本和Angular CLI不兼容，试试升级或降级：

# 升级到最新npm
npm install -g npm@latest
# 或者降级到稳定的8.x版本
npm install -g npm@8.19.4

6. 换用yarn安装依赖（可选） #

要是npm一直抽风，试试用yarn替代：

# 先全局装yarn
npm install -g yarn
# 创建项目时指定用yarn
ng new PROJECT_NAME --package-manager yarn

补充下：错误里的ENOENT就是"no such file or directory"的缩写，npm在尝试移动@angular-devkit/build-optimizer下的typescript文件夹时找不到目标或源文件，上面的步骤基本能覆盖90%以上的场景。

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