在前端开发中，我们经常会使用 ESLint 来对 JavaScript 代码进行规范化和检查，以提高代码的质量和可维护性。但是，在使用 ESLint 进行代码检查时，有时会遇到“Parsing error: Unexpected token =>”的错误提示，这是因为 ESLint 不支持箭头函数语法。
解决方案
要解决这个问题，我们需要在 ESLint 的配置文件中添加对箭头函数语法的支持。具体步骤如下：
- 安装 babel-eslint
babel-eslint 是一个用于解析 ES6+ 代码的 ESLint 解析器，可以让 ESLint 支持更多的语法特性。我们可以使用 npm 或者 yarn 进行安装：
--- ------- ------------ ---------- - -- ---- --- ------------ -----
- 修改 ESLint 配置文件
在项目根目录下找到 .eslintrc 或者 .eslintrc.js 文件，添加以下配置：
-
--------- ---------------
-------- -
--------------- --------- -------------
------------------- --------- ------------
-
-其中，parser 指定了解析器为 babel-eslint，rules 中的 arrow-parens 和 arrow-body-style 分别指定了箭头函数的参数和主体是否需要使用小括号和大括号。
示例代码
下面是一个使用箭头函数的示例代码：
----- --- - --- -- --- ----- ------ - ------------ -- ---- - --- --------------------
如果你没有进行上述配置，运行 ESLint 检查时会出现“Parsing error: Unexpected token =>”的错误提示。但是，如果你按照上述步骤进行配置，就可以顺利通过 ESLint 检查了。
总结
在实际开发中，我们经常会使用箭头函数语法来简化代码，提高开发效率。但是，ESLint 默认不支持箭头函数语法，需要我们进行相应的配置。通过本文介绍的方法，你可以很容易地解决 ESLint 错误：Parsing error: Unexpected token => 的问题，让你的开发效率更高，代码质量更好。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/662768bbc9431a720c407c10