升级Angular 13+Webpack时单元测试出现JIT编译错误求助

• 排查自定义构建器的版本适配问题
  自定义构建器依赖的@angular-devkit/build-angular等核心包必须和项目Angular 13版本完全匹配。执行npm ls @angular-devkit/build-angular查看版本，若存在版本不一致的情况，直接升级构建器的相关依赖到对应版本。

• 强制单元测试用AOT编译替代JIT
  Angular 13对JIT的模板校验逻辑更严格，而自定义构建器可能默认用JIT跑测试。修改angular.json里的测试配置，在options中添加"aot": true：

  "test": {
    "builder": "your-custom-builder:test",
    "options": {
      "aot": true,
      // 保留原有其他配置
    }
  }
  

• 彻底清理缓存
  自定义构建器的缓存可能残留旧版本的模板解析数据，执行以下操作：

  • 运行npx ng cache clean清理Angular缓存
  • 删除node_modules/.cache文件夹
  • 执行npm ci重新安装依赖，避免依赖版本混乱

• 检查构建器的模板预处理逻辑
  如果你的自定义构建器有模板压缩、自定义预处理的功能，临时禁用这些功能后重新跑测试：

  • 若错误消失，说明构建器的模板处理逻辑破坏了Angular 13要求的模板结构，需要调整处理规则，比如确保EOF字符、标签闭合符合新版本的语法校验标准。

• 临时切换官方构建器验证问题
  把angular.json中测试目标的builder改成官方的@angular-devkit/build-angular:karma，运行测试如果正常，就可以确定问题出在自定义构建器上，针对性修复即可。

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