在使用 ESLint 进行代码检查的过程中，很容易遇到 no-unused-vars 报错，意思是变量被声明却没有被使用。这种检查能够帮助我们更好地发现代码中的潜在问题，但有时候会因为一些特殊情况而误报警。本文将会介绍如何解决这种报错。
解决方法
1. 设置忽略
ESLint 允许我们设置忽略一个特定的变量。通过在变量名前添加注释来实现忽略，在注释中添加 eslint-disable-next-line no-unused-vars。例如：
// eslint-disable-next-line no-unused-vars const unusedVar = 'unused';
这些被注释的变量将不再收到 no-unused-vars 的警告。
2. 设置全局变量
有时候我们会在一个文件中引入一个库，它会声明一些全局变量。这些变量可能不被其他代码中使用，但它们仍然是需要的。为了解决这种情况，我们可以在 .eslintrc 文件中配置 globals 规则来添加全局变量。例如：
{
"globals": {
"jQuery": "readonly",
"$": "readonly"
}
}通过这种方式，我们可以添加一些不会被其他代码文件使用的全局变量。
3. 禁用规则
如果你不希望开启 no-unused-vars 规则，你可以在 .eslintrc 文件中禁用该规则。通过在文件中添加以下内容：
{
"rules": {
"no-unused-vars": "off"
}
}这将禁用 no-unused-vars 规则，从而使 ESLint 不再对变量声明但未使用的情况进行检查。
4. 移除未使用的变量
最后，最好的解决方式是从代码中移除未使用的变量，特别是在生产环境下。虽然没有编译器强制检查这些变量，但我们在编写代码时应该时刻留意这个问题。
示例代码
-- -------------------- ---- ------- -- ------------------------ -------------- ----- --------- - --------- -- ------ -- ------ ------ -- ----- --- - ------------------ -- -- -------------- -- -- ------ --------------- ----- -- ----- ---- - ------- ----- ---- - ------- -- -------- ------------------
结论
no-unused-vars 规则可以帮助开发者发现代码中的问题，但在某些特殊情况下，它有可能误报警。在这些情况下，可以通过忽略、添加全局变量或禁用规则来解决问题。但最好的方式是移除未使用的变量，在我们编写代码时提高对变量使用的注意力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/673450620bc820c582485072