ESLint缩进规则报错：多行三元表达式缩进不符如何修复？

核心问题 #

你的多行三元表达式触发indent规则报错，提示「Expected indentation of 8 spaces but found 16」，本质是ESLint对三元表达式的缩进校验逻辑和你的代码格式不匹配——即便全局配置了4空格缩进，三元表达式这类特殊语法可能有独立的缩进规则未被正确设置。

具体解决方法 #

方案1：修改.eslintrc.json的indent规则 #

在配置文件的rules字段里，给indent规则添加三元表达式的专属配置：

{
  "rules": {
    "indent": [
      "error",
      4,
      {
        "SwitchCase": 1,
        "ignoredNodes": ["ConditionalExpression"]
      }
    ]
  }
}

• 若不想让ESLint校验三元表达式的缩进，直接用ignoredNodes: ["ConditionalExpression"]忽略即可；
• 若要指定缩进层级，可替换为"ConditionalExpression": 4（数值对应你期望的空格数）。

方案2：调整代码格式适配现有规则 #

如果不想修改ESLint配置，可把多行三元表达式改成符合ESLint预期的格式：

const result = condition
    ? firstValue
    : secondValue;

换行后的?和:缩进8空格（2个层级，每个层级4空格），刚好匹配报错提示的预期缩进量。

额外注意 #

• 检查项目中是否存在局部ESLint配置（比如.eslintrc.js、package.json里的eslintConfig字段），避免全局配置被覆盖；
• 之前修复Switch Case的逻辑可复用，本质都是给特殊语法节点单独设置缩进规则。

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