什么是 ESLint
ESLint 是一款开源的 JavaScript Linter 工具，可以对你的代码进行静态检查，帮助你检测出代码中的潜在问题和错误。它可以检测 JavaScript 代码中的语法错误、代码风格问题，以及一些常见的 Bug。
ESLint 处理的是 JavaScript 代码，因此它主要用于前端开发领域。
问题描述
在使用 ESLint 进行代码检查的时候，你可能会遇到一些报错，其中比较常见的是 "window" is not defined 这个错误。
// example.js var width = window.innerWidth;
当你运行 ESLint 检查代码时，可能会得到如下的错误提示：
[eslint] 'window' is not defined. (no-undef)
这个错误提示的意思是，ESLint 检测到你使用了一个未定义的变量 window。
那么你可能会想，我在浏览器里面运行这个程序时并没有报错，为什么在 ESLint 中会报错呢？
问题原因
在浏览器环境里，window 是一个全局变量，所以你可以直接使用它，而不需要进行任何定义。
但是在 Node.js 的环境中，就没有全局的 window 对象了，ESLint 会认为你在 Node.js 环境中使用了一个未定义的变量。
解决方法
方案一：忽略检查
忽略检查不太是一个好的解决方案，但有时候你可能会希望在一些特定场景下忽略某些检查。可以通过在 ESLint 配置文件中添加以下内容实现：
{
"rules": {
"no-undef": "off"
}
}这个配置的含义是关闭 no-undef 这个规则，使得 ESLint 不再对未定义变量进行检查。
方案二：设置全局变量
可以在 ESLint 配置文件中设置全局变量，告诉 ESLint 这些变量在运行期间是已经定义好的。
{
"globals": {
"window": true
}
}这个配置的含义是告诉 ESLint 在运行时，window 这个全局变量已经定义好了。注意，这里的值可以为任意值，只要不是 false 就可以了。
方案三：修改代码
在代码中避免使用 window 这个全局变量，改用其他方式访问它。例如，可以使用 document.documentElement.clientWidth 代替 window.innerWidth。
// example.js var width = document.documentElement.clientWidth;
总结
ESLint 是一款非常强大的工具，通过它可以帮助我们发现代码中的一些问题和错误。但是在使用的时候，也需要遵循一些规范，需要了解 ESLint 的一些配置和规则。对于 window is not defined 这个错误，可以通过关闭检查、设置全局变量、修改代码等方式进行解决。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f52e7df6b2d6eab3dde341