在前端开发中，我们经常会使用 ESLint 工具来检查代码风格和语法错误。在使用过程中，有时会遇到这样的报错信息：Expected indentation of 2 spaces but found 8 空格。这是因为代码缩进所使用的空格数目不符合规范，导致 ESLint 报错。
问题分析
在编写 JavaScript 代码时，通常使用空格或制表符进行缩进。而在 ESLint 的规范中，我们通常使用 2 个空格进行缩进。如果代码中使用了其他数目的空格或制表符进行缩进，则会触发该报错信息。
例如下面的代码中，使用了 8 个空格进行缩进：
-------- ------------ -
------------------ ---------
-这时，ESLint 就会报错，提示缩进错误。
解决方案
针对这个问题，我们可以通过修改所使用的编辑器的 tab 配置来解决。
Visual Studio Code
在 Visual Studio Code 中，我们可以通过以下步骤来修改 tab 配置：
- 打开设置面板：使用快捷键
Ctrl + ,或者点击左侧菜单栏中的设置按钮 - 在搜索框中搜索
Tab Size，找到Editor: Tab Size选项 - 将选项值改为
2
修改后，保存文件并重新运行 ESLint，就可以避免该报错信息了。
Sublime Text
在 Sublime Text 中，我们可以通过以下步骤来修改 tab 配置：
- 打开菜单栏中的
Preferences->Settings - 在右侧的用户设置中，添加以下配置：
-
----------- --
--------------------------- ----
-修改后，保存文件并重新运行 ESLint，就可以避免该报错信息了。
总结
ESLint 报错：Expected indentation of 2 spaces but found 8 空格，是因为代码缩进所使用的空格数目不符合规范，导致 ESLint 报错。我们可以通过修改所使用的编辑器的 tab 配置来解决这个问题。在编写代码时，遵守规范的缩进方式，不仅可以避免这类报错，还可以让代码更加易读、易维护。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/66027b2bd10417a222e25c9c