当你使用 ESLint 对你的 JavaScript 代码进行检查时，你可能会遇到这样一个错误：Expected indentation of 2 spaces but found 4。
这个错误的意思是，ESLint 检查到了你在代码中使用了 4 个空格作为缩进符，但是你的代码风格规定了每个缩进级别只能使用 2 个空格缩进。
这个错误虽然看起来很小，但是它实际上具有很重要的意义。正确的缩进可以让你的代码更加易于阅读和理解，也可以防止意外的 bug 和错误。在这篇文章中，我们将详细了解 ESLint 报错的原因和解决方法。
缩进规范
缩进是一种非常基础的代码风格规范，它可以让你的代码更加易于阅读和理解。通常情况下，缩进可以使用空格或者制表符来表示，但是为了避免不同的编辑器之间的差异，建议使用空格来表示缩进。
在缩进的数量方面，ESLint 使用了两种常见的缩进规范：
- 2 个空格
- 4 个空格
这两种缩进规范都被广泛接受，但是不同的项目可能会有不同的缩进规范。在使用 ESLint 进行代码检查之前，请确保你已经了解了你的项目使用的缩进规范。
解决 "Expected indentation of 2 spaces but found 4" 错误
当你使用 ESLint 时，如果出现了 "Expected indentation of 2 spaces but found 4" 错误，你可以按照下面的步骤来解决这个问题：
1. 检查项目的缩进规范
在解决这个问题之前，你需要确定你的项目使用的缩进规范。通常情况下，项目的缩进规范会在项目的 README 或者代码库中进行说明。如果你无法找到项目的缩进规范，你可以咨询你的同事或者直接在项目中进行查找。
2. 在编辑器中修改缩进
如果你发现自己的代码使用了错误的缩进，你可以在编辑器中进行修改。通常情况下，编辑器都支持缩进设置，并可以根据项目的缩进规范进行缩进。
3. 使用 ESLint 的 --fix 选项进行修复
如果你的代码中出现了大量的缩进错误，你可以使用 ESLint 的 --fix 选项进行修复。--fix 选项可以自动对代码中出现的问题进行修复，包括缩进问题。
使用 --fix 选项时，请确保你已经备份了你的代码，并且完成了代码的版本控制。否则，使用 --fix 选项可能会导致代码的错误或者数据的丢失。
示例代码
下面是一段使用了错误缩进的 JavaScript 代码：
if (a === b){
console.log('a equals b');
}这段代码使用了 4 个空格作为缩进符号，但是如果我们的项目使用的是 2 个空格作为缩进规范，我们就会得到 "Expected indentation of 2 spaces but found 4" 的错误提示。
为了解决这个问题，我们可以将代码缩进修改为 2 个空格，得到下面的代码：
if (a === b) {
console.log('a equals b');
}现在，我们的代码符合项目的缩进规范，并且不会再出现 "Expected indentation of 2 spaces but found 4" 的错误提示。
总结
ESLint 报错 "Expected indentation of 2 spaces but found 4" 是一种非常基础的代码风格错误。为了避免这个错误的出现，我们需要遵循项目的缩进规范，并在编辑器中设置正确的缩进。如果出现了大量的缩进错误，我们可以使用 ESLint 的 --fix 选项进行修复。这些方法可以帮助我们在编写 JavaScript 代码时避免出现缩进错误，并提高代码的可读性和可维护性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c9e52c5ad90b6d041880f7