在前端开发中，我们经常会使用到一些浏览器提供的全局变量或方法，比如 encodeURIComponent、JSON 等等。然而，在使用 ESLint 进行代码检查时，我们可能会遇到 'encodeURIComponent' is not defined 的报错，这是因为 ESLint 默认并不认识这些全局变量或方法。
那么，如何解决这个问题呢？本文将为大家介绍两种解决方法。
方法一：在配置文件中添加全局变量或方法
ESLint 提供了一个配置文件 .eslintrc，我们可以在其中添加全局变量或方法以告诉 ESLint 这些变量或方法是存在的。具体操作如下：
- 在项目根目录下创建
.eslintrc文件，如果已存在则跳过此步骤。 - 在
.eslintrc文件中添加以下内容：
{
"env": {
"browser": true
},
"globals": {
"encodeURIComponent": true
}
}其中，env 字段表示我们的代码将在浏览器环境中运行，globals 字段则表示我们要添加的全局变量或方法。
- 重新运行 ESLint，问题应该已经解决了。
方法二：使用 eslint-plugin 中提供的全局变量或方法
除了手动添加全局变量或方法外，我们还可以使用 ESLint 插件中提供的全局变量或方法。以 eslint-plugin-react 为例，该插件会自动添加一些 React 相关的全局变量或方法，比如 React、ReactDOM 等等。
如果我们使用了其他插件，可以在插件的官方文档中查找该插件是否提供了全局变量或方法，并按照文档中的说明进行配置即可。
总结
在使用 ESLint 进行代码检查时，我们可能会遇到 'encodeURIComponent' is not defined 的报错，这是因为 ESLint 默认并不认识这些全局变量或方法。我们可以通过手动在配置文件中添加全局变量或方法或使用插件中提供的全局变量或方法来解决这个问题。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65bcb9f8add4f0e0ff57bdd4