Angular项目执行ng serve启动时出现编译失败错误怎么解决？

Angular ng serve构建失败修复方案 #

• 清除缓存并重装依赖
  删除损坏的依赖文件和Angular构建缓存，执行命令：

  rm -rf node_modules package-lock.json yarn.lock .angular
  npm install
  

  用yarn管理依赖的话将最后一行替换为yarn install。

• 核对Angular版本一致性
  本地全局Angular CLI版本和项目依赖的Angular核心包版本不匹配是这类报错的高发原因，执行命令查看版本：

  ng version
  

  确保CLI的大版本号和@angular/core、@angular/common等核心包的大版本号完全一致，不一致的话统一升降级到相同版本即可。

• 检查模块声明配置
  打开src/app/app.module.ts：

  • 核对所有import的模块路径、拼写是否正确，第三方模块要确认已经正常安装
  • 自定义模块要检查模块内部是否存在语法错误、导出规则是否正确
  • 如果你使用Angular 14+的standalone特性，确认导入的独立组件/模块标记了standalone: true属性，没有错误导入到NgModule的imports数组中。

• 临时跳过类型校验定位问题
  如果是Angular模板类型校验触发的报错，可以先在tsconfig.json中临时关闭严格校验，确认问题范围后再针对性修复：

  "angularCompilerOptions": {
    "strictTemplates": false,
    "strictInjectionParameters": false
  }
  

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