Angular 15执行ng new app报错：Schematic工作流失败

问题详情 #

当前环境信息：

Angular CLI: 15.0.4
Node: 18.12.1
Package Manager: npm 8.19.2
OS: win32 x64

执行ng new app并选择添加路由、使用CSS样式后，npm安装依赖阶段出现以下错误：

npm ERR! code FETCH_ERROR
npm ERR! errno FETCH_ERROR
npm ERR! invalid json response body at https://registry.npmjs.org/@angular-devkit%2fschematics reason: Invalid response body while trying to fetch https://registry.npmjs.org/@angular-devkit%2fschematics: aborted

已尝试npm update和npm cache clean --force命令，问题未得到解决。

解决步骤 #

• 切换国内npm镜像源，提升包下载稳定性：

  npm config set registry https://registry.npmmirror.com/
  

  执行完成后，重新运行ng new app，或进入已创建的app目录执行npm install。

• 排查网络问题：
  确认当前网络可正常访问npm官方源，尝试关闭代理、切换网络环境（如从WiFi切换至有线网络）后重试。

• 清理缓存并重新安装：

  1. 删除项目目录下的node_modules文件夹和package-lock.json文件
  2. 执行以下命令：

     npm cache clean --force
     npm install
     

• 降级npm版本：
  部分npm 8.19.x版本与Angular 15存在兼容问题，可降级至8.18.0版本：

  npm install -g npm@8.18.0
  

  降级完成后重新创建项目。

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