Angular中如何在.spec.ts测试文件禁用strictNullChecks？配置失效排查

看起来你遇到的问题是主tsconfig.json中启用了strictNullChecks: true，但尝试通过tsconfig.spec.json覆盖该规则时没有生效。这种情况最常见的原因是Angular CLI没有正确关联测试配置文件，或者存在缓存干扰。下面是一步步的排查和修复方案：

1. 检查angular.json中的测试配置路径 #

Angular CLI需要明确知道测试文件使用哪个tsconfig配置。首先打开你的angular.json，找到对应项目下的test构建配置，确认tsConfig字段指向的是你的tsconfig.spec.json文件：

"projects": {
  "your-project-name": {
    "architect": {
      "test": {
        "builder": "@angular-devkit/build-angular:karma",
        "options": {
          "tsConfig": "src/tsconfig.spec.json", // 这里的路径要和你的文件位置匹配
          // 其他测试配置...
        }
      }
    }
  }
}

如果这个路径不正确（比如指向了主tsconfig.json），CLI会始终用主配置编译测试文件，导致你的覆盖规则无法生效。

2. 验证tsconfig.spec.json的配置正确性 #

你的tsconfig.spec.json配置看起来是正确的，但再确认几个细节：

• 确保extends路径正确：如果主tsconfig.json在项目根目录，而tsconfig.spec.json在src/下，"extends": "../tsconfig.json"是正确的。
• 确认strictNullChecks拼写无误：JSON是大小写敏感的，确保是strictNullChecks而不是其他变体。
• 检查是否有其他严格模式选项冲突：如果主配置中启用了strict: true（你当前没有），那么单独设置strictNullChecks: false需要先将strict设为false，不过你的主配置是单独开启的strictNullChecks，所以这一步可以跳过。

3. 清理Angular CLI缓存 #

有时候CLI的缓存会导致配置变更不生效，运行以下命令清理缓存：

ng clean

或者手动删除node_modules/.cache目录，然后重新启动测试：

ng test

4. 确认测试文件的范围 #

你的tsconfig.spec.json中已经通过include指定了只包含**/*.spec.ts和类型定义文件，这确保了测试文件不会被主tsconfig.json意外编译（不过CLI的配置优先级更高）。

按照以上步骤排查后，应该就能让测试文件中的strictNullChecks: false生效了。

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