近年来，前端技术的发展非常迅速，使用 ESLint 工具来规范代码是我们必须掌握的一项技能。然而，经常会出现 ESLint 报错 Parsing error: Unexpected token 的错误提示，这阻碍了我们开发的进度。本文将详细介绍如何解决这一问题，并提供示例代码进行演示。
什么是 Parsing error
Parsing error 是指语法解析错误，通常在代码中出现语法错误时会出现此类错误提示。比如一些 ESLint 规则对于特殊符号的使用并不相同，这就容易引起 Parsing error 错误。
解决 Parsing error
一般来说，解决 Parsing error 错误的方法是更改代码的语法结构，以符合相关规则。针对 ESLint 报错 Parsing error: Unexpected token 的错误提示，可以参考以下方法进行解决。
1. 检查代码格式
检查代码中是否存在遗漏的分号、多余的括号、代码块未结束等格式错误，这些问题可能会导致语法解析错误，从而造成 Parsing error。
2. 检查语言版本
如果使用了超出当前语言版本的特性，也有可能会导致 Parsing error。因此，需要检查语言版本是否正确，并根据版本进行相应的语法结构修改。
3. 更改 ESLint 配置
在 .eslintrc 文件中更改相关配置，以避免出现 Parsing error。比如，可以设置 "parserOptions": {"ecmaVersion": 6} 来解决使用 ECMAScript 6 特性时出现的 Parsing error 错误。
4. 调整插件配置
如果出现 ESLint 报错 Parsing error: Unexpected token '@' 的错误提示，可以考虑调整插件配置。比如在 react 项目中，可能会使用到 @ 符号，需要设置 "@babel/plugin-proposal-class-properties" 插件来支持此特性。
示例
下面是一个简单的代码示例，演示了 Parsing error 错误的解决方法。
-- -------------------- ---- -------
----- ------ -
---- - ------
--- - ---
---------- -
------------------- -- ---- -- ------------- - -- ----------- ----- ------
-
-
----- - - --- ---------
-------------该代码在默认情况下会出现 ESLint 报错 Parsing error: Unexpected token '='。这是因为使用了 ECMAScript 6 的特性赋值默认值，而默认的语法规则无法识别。可以按照以下方法进行修改，解决 Parsing error。
修改前：
"parserOptions": {
"ecmaVersion": 5
}修改后：
"parserOptions": {
"ecmaVersion": 6
}修改后的代码可以正常运行，输出结果为：Hello, my name is Tom. I am 18 years old.。
总结
以上就是解决 ESLint 报错 Parsing error: Unexpected token 的方法，希望能对大家有所帮助。在实际开发过程中，如果遇到这一错误提示，可以先检查代码格式、语言版本、插件配置等，以确定解决方法。更多关于 ESLint 的使用技巧，还需要我们不断地学习和实践。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/64c1c6d383d39b48815fb987