Angular 16执行ng test --watch=false时报错“Found 1 load error”求助

核心问题定位 #

执行ng test --browsers ChromeHeadless --watch=false --code-coverage时触发的"Found 1 load error"，通常和Headless浏览器配置、覆盖率生成逻辑或依赖版本不匹配有关，以下是针对性修复方案：

修复方案 #

1. 更新ChromeHeadless启动参数 #

新版Chrome已废弃旧的--headless参数，改用--headless=new模式，同时添加内存优化参数避免加载失败：
修改karma.conf.js中的customLaunchers配置：

customLaunchers: {
  ChromeHeadless: {
    base: 'Chrome',
    flags: [
      '--headless=new', // 替换旧的--headless参数
      '--no-sandbox',
      '--disable-gpu',
      '--disable-dev-shm-usage', // 解决容器/CI环境内存不足问题
      '--remote-debugging-port=9222'
    ]
  }
},

2. 调整覆盖率与单运行模式配置 #

当--watch=false时，显式设置singleRun: true可确保Karma在测试完成后正确生成覆盖率报告，避免浏览器提前关闭导致加载错误：
在karma.conf.js中修改：

singleRun: true,

同时检查report/coverage目录是否存在，若不存在手动创建，确保有写入权限。

3. 同步依赖版本 #

Angular 16需要配套的Karma插件版本，执行以下命令更新相关依赖：

npm update karma karma-chrome-launcher @angular-devkit/build-angular

确保package.json中@angular-devkit/build-angular版本与Angular 16.0.2完全一致。

4. 开启DEBUG日志定位具体错误 #

当前日志级别无法显示具体加载失败的模块，修改karma.conf.js的日志级别：

logLevel: config.LOG_DEBUG,

重新执行测试命令，查看详细日志即可定位到具体的加载错误源（如缺失的模块、语法错误等）。

验证 #

修改配置后，重新执行测试命令：

ng test --browsers ChromeHeadless --watch=false --code-coverage

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