VSCode执行npm start启动Angular项目报找不到@angular-devkit/build-angular错误

问题根因 #

报错提示已经明确给出核心原因：项目根目录存在package.json文件，但缺少本地依赖包文件夹node_modules，你全局安装的Node和Angular CLI无法替代项目所需的本地依赖。同时你的项目路径存在空格（C:\Users\Work\Desktop\New folder\sign-up中的New folder），也可能引发路径解析异常。

修复步骤 #

• 先修改项目上层的New folder文件夹名称，去掉空格，改为NewFolder或其他无空格、无中文、无特殊字符的名称，避免路径解析问题
• 进入项目根目录，删除以下文件/文件夹（如果存在）：
  • node_modules文件夹
  • package-lock.json文件
• 执行npm缓存清理命令：

  npm cache clean --force
  

• 安装项目全部本地依赖：

  npm install
  

• 如果安装完成后依然提示缺失@angular-devkit/build-angular模块，单独安装该开发依赖：

  npm install --save-dev @angular-devkit/build-angular
  

• 重新执行启动命令即可正常启动项目：

  npm start
  

注意事项 #

不要用全局安装的Angular CLI覆盖项目本地依赖，不同Angular项目的依赖版本和项目配置是匹配的，全局CLI版本和项目版本不兼容也会引发同类报错。

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