如何禁用Angular构建时要求开启strictNullChecks的ESLint规则

你之前在angularCompilerOptions中添加的allowRuleToRunWithoutStrictNullChecksIKnowWhatIAmDoing: true是Angular编译器专属配置，仅作用于Angular模板的原生类型检查流程，和@typescript-eslint/no-unnecessary-condition这条ESLint规则无关，因此无法消除该类报错。

以下是可立即消除报错的两种可行方案：

方案1：全局关闭该ESLint规则（推荐，适配延后重构的需求） #

直接修改项目根目录的ESLint配置文件（根据项目配置格式选择对应写法，常见配置文件为.eslintrc.json、.eslintrc.js、eslint.config.js）：

• 若使用旧版.eslintrc格式配置，在rules节点添加如下规则：

{
  "rules": {
    "@typescript-eslint/no-unnecessary-condition": "off"
  }
}

• 若使用新版ESLint扁平配置（eslint.config.js），在配置项的rules节点添加：

export default [
  // 保留原有其他配置项
  {
    rules: {
      "@typescript-eslint/no-unnecessary-condition": "off"
    }
  }
]

配置保存后，清理ESLint缓存、重启IDE的ESLint服务后重新执行构建，所有该规则触发的2100余条报错会全部消除。

方案2：允许规则在关闭strictNullChecks时运行（不推荐） #

如果你不想完全关闭规则，只是要跳过规则对strictNullChecks配置的校验，需要把对应配置加在ESLint的规则参数中，而非Angular编译选项里：

{
  "rules": {
    "@typescript-eslint/no-unnecessary-condition": ["error", {
      "allowRuleToRunWithoutStrictNullChecksIKnowWhatIAmDoing": true
    }]
  }
}

注意：关闭strictNullChecks后该规则的类型判断基础逻辑已经失效，会出现大量漏判、误判，没有实际检查价值，不如直接关闭规则，等后续重构开启strictNullChecks时再重新打开规则即可。

配置不生效的排查点 #

如果改完配置仍有报错，按以下顺序排查：

• 清理构建与ESLint缓存：直接删除项目下node_modules/.cache目录后重新执行构建，避免旧缓存干扰
• 确认tsconfig.json中compilerOptions下的strictNullChecks已明确设置为false，避免被其他配置覆盖
• 若报错出现在Angular模板文件中，可临时将angularCompilerOptions下的strictTemplates设为false，消除模板侧的原生类型检查报错

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