ESLint 报错：indentation spaces expected but found tabs 指令的解决方法-JavaScript中文网-JavaScript教程资源分享门户

什么是 ESLint

ESLint 是 JavaScript 代码检查工具，它可以帮助我们保证代码的一致性和规范性，避免一些常见的错误，例如不规范的缩进、变量未定义等等。通过在项目中使用 ESLint，可以提高代码的可读性、可维护性和安全性。

什么是 "indentation spaces expected but found tabs"

"indentation spaces expected but found tabs" 意味着有一个或多个文件在缩进时使用了制表符（Tab）而不是空格（Space）。在 ESLint 的配置文件中，有一个名为 indent 的规则，用来检查缩进是否符合要求。如果该规则的 "useTabs" 选项被设置成 true，那么 ESLint 就会指出我们在缩进时使用了制表符。

如何解决这个问题

1. 将制表符替换为空格

将制表符替换成空格是最常见的解决方式。我们可以使用文本编辑器的功能自动将制表符替换成相应数量的空格。例如，在 Sublime Text 编辑器中，可以按下 Ctrl + H 组合键打开 "查找和替换" 对话框，然后输入 \t（Tab 的转义字符）作为查找内容，输入四个空格作为替换内容，最后按下 "替换全部" 按钮即可。

2. 配置 ESLint

如果我们确实需要在缩进时使用制表符，我们可以配置 ESLint，让它忽略 "indentation spaces expected but found tabs" 指令。在 ESLint 的配置文件中，我们可以将 indent 规则中的 "useTabs" 选项设为 false，即告诉 ESLint 在缩进时使用制表符是符合规范的。

一个示例代码

以下代码片段是一个缩进使用了制表符的示例：

function exampleFunction() {
	if (true) {
		console.log('Hello, world!');
	}
}

进行 ESLint 检查后，我们会得到如下报错信息：

Indentation spaces expected but found tabs

将该报错信息填入到 Stack Overflow 或 Google 等搜索引擎中进行搜索，我们可以找到相关的解决方法。如果我们选择按照第一种解决方式，将制表符替换成空格，那么最终的代码应该是这样的：

function exampleFunction() {
    if (true) {
        console.log('Hello, world!');
    }
}

在使用了空格后，ESLint 就不会再对该片段代码进行报错了。

总结

在开发前端项目时，ESLint 是一个十分有用的工具。在使用该工具时，如果发现 "indentation spaces expected but found tabs" 指令的报错信息，我们可以通过将制表符替换成空格，或者配置 ESLint，来解决这个问题。这可以让我们的代码更加清晰、规范、易于阅读和维护。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/6518e0f095b1f8cacd1243ec