ESLint 是一个非常流行的 JavaScript 代码静态检测工具，它可以帮助开发者提高代码规范和质量。不过，有时候我们会遇到一些奇怪的错误，这些错误会让我们感到困惑。本文将分享一些 ESLint 常见的奇怪错误及其解决方式，帮助读者更好地使用 ESLint。
1. “no-unused-vars” 检查误报
no-unused-vars 检查规则是用来检测代码中是否存在声明但未使用的变量。然而，在某些情况下，这个检查规则会出现误报，即标记没有声明但使用的变量为未使用变量。这个问题通常发生在使用了某些特殊的语法或框架时，比如 Vue 的单文件组件（.vue）。
解决方法：
我们可以使用 globals 或 env 配置来告诉 ESLint 要忽略哪些全局变量。例如，在 .eslintrc.json 中添加以下配置：
{
"globals": {
"Vue": "readonly",
"process": "readonly"
}
}2. “no-console” 检查误报
no-console 检查规则是用来检测代码中是否使用了 console 对象输出调试信息。然而，在某些情况下，这个检查规则会出现误报，即标记正常使用 console 对象的代码为错误。
解决方法：
我们可以使用 overrides 配置来针对特定文件或目录禁用 no-console 检查规则。例如，在 .eslintrc.json 中添加以下配置：
-- -------------------- ---- -------
-
------------ -
-
-------- --------------
-------- -
------------- -----
-
-
-
-3. “no-multiple-empty-lines” 检查过于严格
no-multiple-empty-lines 检查规则是用来检测代码中是否存在多余的空行。然而，在某些情况下，这个检查规则会过于严格，即标记合法的代码为错误。
解决方法：
我们可以使用 ignore 配置来告诉 ESLint 忽略检查哪些空行。例如，在 .eslintrc.json 中添加以下配置：
-- -------------------- ---- -------
-
-------- -
-------------------------- -
--------
-
------ --
--------- --
----------------- ----
-
-
-
-4. “semi” 检查遗漏分号
semi 检查规则是用来检测代码中是否遗漏了分号。然而，在某些情况下，这个检查规则会误判某些合法的代码，比如在 for 循环中使用分号隔开不同的语句。
解决方法：
我们可以使用 semi 配置来告诉 ESLint 忽略检查哪些分号。例如，在 .eslintrc.json 中添加以下配置：
-- -------------------- ---- -------
-
-------- -
------- -
--------
--------
-
----------------------------------- -------
-
-
-
-总结
以上是 ESLint 常见的一些奇怪错误及其解决方式。在使用 ESLint 时，我们应该了解并熟悉其检查规则，避免出现不必要的错误。同时，我们也可以根据自己的需求，使用配置文件来调整 ESLint 的检查规则，让其更符合我们的代码规范和风格。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/647a927a968c7c53b064589c