预期缩进 4 个空格，但发现 0

Posted 2023-03-07

【中文标题】预期缩进 4 个空格，但发现 0

【英文标题】：Expected indentation of 4 spaces but found 0

【发布时间】：2022-01-21 15:22:52

【问题描述】：

ESLint 警告我应该有空格，缩进似乎正常设置：

  5 export const TimerContext = React.createContext<
  6   totalSeconds: number | null;
  7   remainingSeconds: number | null;
  8   startTimer: (s: number) => void;
  9   stopTimer: () => void;
 10 >(
 11   totalSeconds: null,
 12   remainingSeconds: null,
 13   startTimer: (_: number) => ,
 14   stopTimer: () => ,
 15 );

eslint 返回的错误：

 10:1   error    Expected indentation of 4 spaces but found 0                                                       indent

我的 .eslintrc 有：

"indent": ["error", 2],

这是为什么呢？看不出为什么对象类型应该比其成员类型缩进更多的原因。

【问题讨论】：

您可以尝试在 eslintrc 文件中添加 "react/jsx-indent": [2, 4]。注释掉现有的缩进配置。

@visizky 谢谢，它工作正常！

【参考方案1】：

解决方案是使用“react/jsx-indent”配置选项，正如 @visizky 在 cmets 部分中所建议的那样：

"react/jsx-indent": [2, 2]