ESLint 开启报错：'console' is not defined

ESLint 开启报错：'console' is not defined

在前端开发过程中，我们都知道 console 是调试很重要的工具。但是，如果在使用 ESLint 进行代码检查时，可能会遇到这样的报错：'console' is not defined。

这是因为 ESLint 默认不允许使用全局的变量，而 console 本身就是一个全局变量。当我们在代码中使用 console 的时候，ESLint 会认为这是一个未定义的变量，从而给出报错。

那么，该如何解决这个问题呢？

解决方法

方法一：忽略规则

在某些情况下，我们可能需要使用全局变量，而不想让 ESLint 给出报错。这时候，我们可以使用 ESLint 的注释来禁用相关规则。

比如，在使用 console 的地方加上注释 /eslint-disable-line no-console/ 或者 /eslint-disable-next-line no-console/，如下所示：

console.log('hello world'); /*eslint-disable-line no-console*/

这样一来，ESLint 就不会对 console 的使用进行检查了。

但是，这种方法并不是很优秀，因为我们可能需要使用很多全局变量，如果都禁用掉相应的规则，就会导致代码的可读性降低。

方法二：在 ESLint 的配置文件中添加配置

更好的解决方法是在 ESLint 的配置文件中添加相关的配置，开启全局变量的检查。

在 .eslintrc.js 文件中添加以下配置：

module.exports = {
  // ...
  'globals': {
    'console': true
  }
}

这样一来，ESLint 就会认为 console 是全局变量了，不会再报错了。

总结

在使用 ESLint 进行代码检查的过程中，我们可能会遇到 'console' is not defined 的报错。这是因为 ESLint 默认不允许使用全局变量，而 console 本身就是一个全局变量。

我们可以采用两种方法来解决这个问题：一种是忽略相关规则，另一种是在 ESLint 的配置文件中添加相关的配置来开启全局变量的检查。后者更为优秀，不仅可以解决这个问题，还可以帮助我们编写更规范、可读性更好的代码。

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