什么是 ESLint？
ESLint 是一个基于 JavaScript 的静态代码检查工具，可用于识别 ECMAScript 平台的代码中的问题。它可以帮助开发者避免常见的 JavaScript 错误，并在团队中保持代码风格的一致性。
遇到的问题
当我们在项目中使用 ESLint 检查代码时，有时会遇到诸如 "Parsing error: Unexpected character '@'" 的报错提示。 这是因为有些使用了新提案的特性，在 ESLint 的默认解析器中并不被支持。
解决方案
要解决这个问题，我们需要借助 ESLint 的插件和配置文件。
安装插件
我们需要使用的插件是 @babel/eslint-parser，它可以对项目中的代码进行转换，以便 ESLint 正确地解析最新的 ECMAScript 特性。
npm install --save-dev @babel/eslint-parser
配置文件
在项目根目录下创建 .eslintrc.js 文件并进行如下配置：
-- -------------------- ---- -------
-------------- - -
------- -----------------------
-------- -----------------------
---- -
-------- -----
----- -----
---- -----
--
------ -
-- ----------
--
--然后在你所需要检查的文件中加上以下头部注释即可：
/* eslint-disable */
这样 ESLint 就会忽略这个文件的语法错误。
示例代码
下面是一段使用了新提案的 JavaScript 代码，会被 ESLint 报错：
async function fetchData() {
const [userRes, repoRes] = await Promise.all([
fetch("https://api.github.com/users/octocat"),
fetch("https://api.github.com/repos/octocat/hello-world"),
]);
// do something with the response data
}加上上述配置后，就可以正常工作了。
总结
ESLint 是一个非常强大的代码检查工具，但当我们在使用最新的 ECMAScript 特性的时候，可能会遇到一些麻烦。 通过安装 @babel/eslint-parser 和设置正确的配置文件，我们可以让 ESLint 正确地解析新特性，从而提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6483bd4048841e98943037d7