ESLint 报错：“'fetch' is not defined”，怎么解决？
在前端开发过程中，我们经常使用 fetch API 来进行数据请求。但是，当我们使用 ESLint 进行代码检查时，有时候会遇到类似于“'fetch' is not defined”这样的报错信息，这是因为 ESLint 默认并不认识 fetch API。
那么，我们该如何解决这个问题呢？
解决方法：
一、安装 eslint-plugin-fetch：
我们可以通过安装 eslint-plugin-fetch 插件来解决这个问题。
命令行输入以下命令即可安装：
npm install eslint-plugin-fetch --save-dev
然后在 .eslintrc 配置文件中添加以下代码：
{
"plugins": [
"fetch"
],
"rules": {
"fetch/no-fetch-native": "error"
}
}这段代码会启用 fetch 插件，并且配置了一个规则，即不允许使用原生的 fetch 方法。
二、使用 polyfill：
另一种解决方法是使用 polyfill。我们可以通过安装 whatwg-fetch 插件来使用 polyfill。
命令行输入以下命令即可安装：
npm install whatwg-fetch --save
然后在代码中引入 polyfill：
import 'whatwg-fetch'
这样就可以在代码中使用 fetch API 了。
示例代码：
import 'whatwg-fetch'
fetch('https://api.github.com/users/octocat')
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))在上面的代码中，我们首先引入了 polyfill，然后使用 fetch API 请求了 GitHub 的用户信息，并将结果输出到控制台上。
总结：
在前端开发中，我们经常会遇到 ESLint 报错的情况，其中包括 fetch API 的报错。通过安装 eslint-plugin-fetch 插件或者使用 polyfill，我们可以很容易地解决这个问题。在实际开发中，我们应该灵活运用这些方法，以提高我们的开发效率和代码质量。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65c2dcafadd4f0e0ffcc1ffb