在前端开发过程中，我们经常会用到原生的 JavaScript API，例如 navigator、window、document 等等。这些 API 都是浏览器提供的全局变量，在我们编写代码的时候可以随意调用使用。但是，当我们使用 ESLint 工具来检测我们的代码时，有时候会出现 'navigator' is not defined 的报错信息。那么这个报错是怎么产生的，又该怎么解决呢？
ESLint 是什么？
ESLint 是一个用于静态代码分析的工具，可以帮助我们检查代码风格和潜在的问题。它可以在我们编写代码的时候，帮助我们发现并修复潜在的错误和漏洞，从而提高代码的质量和可维护性。
报错原因分析
在使用 ESLint 进行静态代码分析的时候，它默认是不检查全局变量的。因为有一些开发者会在代码中使用一些全局变量，这对于 ESLint 来说是无法确定其变量定义是否来自其他文件或者库。所以当我们使用一些全局变量时，如果没有在配置文件中进行特殊处理，会出现 'navigator' is not defined 报错信息。
解决方法
我们可以通过在 ESLint 的配置文件 .eslintrc 中进行特殊处理，从而不让 ESLint 报出 'navigator' is not defined 错误。具体操作如下：
- 在
.eslintrc的globals字段中添加全局变量，例如navigator: true。
{
"globals": {
"navigator": true
}
}- 通过在特定的代码块中注释来禁用 ESLint 对于全局变量的检测。
/* eslint-disable no-undef */ console.log(navigator.userAgent);
以上两种方法都可以解决 'navigator' is not defined 的报错信息，第一种方法是将全局变量作为参数传递到 ESLint 中，让 ESLint 进行全局变量的检测，第二种方法是通过注释的方式告诉 ESLint 在这个代码块中不需要对全局变量进行检测。
总结
ESLint 是一个非常好用的代码分析工具，可以帮助我们提高代码质量和可维护性。当我们在使用 ESLint 进行代码检查的时候，可能会遇到 'navigator' is not defined 的报错，这时候我们可以通过在配置文件中添加全局变量或者在代码块中添加注释的方式来解决这个问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64f67a63f6b2d6eab3f0ac9c