在前端开发中，我们经常会使用 ESLint 来规范我们的代码风格，但是有时候会遇到报错 Parsing error: Unexpected token，这个错误通常是由于代码中出现了不符合 ECMAScript 语法规范的语句或表达式导致的。本文将介绍如何解决这个问题，以及如何避免这个错误的发生。
解决方法
- 检查代码语法
首先，我们需要检查代码中是否有语法错误。可以使用 Babel REPL 来验证代码是否符合 ECMAScript 语法规范。如果代码中有语法错误，我们需要修复这些错误，然后再次运行 ESLint。
- 确认使用的 ECMAScript 版本
如果我们使用了不支持的 ECMAScript 版本，就会出现 Parsing error: Unexpected token 错误。可以在 .eslintrc 文件中设置 ecmaVersion 字段来指定要使用的 ECMAScript 版本。
例如，如果我们想要使用 ECMAScript 6，可以在 .eslintrc 文件中添加以下配置：
-
---------------- -
-------------- -
-
-- 确认使用的解析器
ESLint 支持多种解析器，不同的解析器支持不同的 ECMAScript 版本和语法特性。如果我们使用了不支持的解析器，也会出现 Parsing error: Unexpected token 错误。可以在 .eslintrc 文件中设置 parser 字段来指定要使用的解析器。
例如，如果我们想要使用 Babel 解析器，可以在 .eslintrc 文件中添加以下配置：
- --------- -------------- -
- 确认使用的插件
如果我们使用了某些语言特性或库，需要使用对应的插件来支持 ESLint 的检查。如果没有使用对应的插件，也会出现 Parsing error: Unexpected token 错误。可以在 .eslintrc 文件中设置 plugins 字段来指定要使用的插件。
例如，如果我们想要使用 React，需要安装 eslint-plugin-react 插件，并在 .eslintrc 文件中添加以下配置：
- ---------- --------- -
避免方法
- 使用编辑器插件
很多编辑器都提供了 ESLint 插件，可以在代码编写的过程中实时检查代码是否符合规范，避免出现 Parsing error: Unexpected token 错误。
- 遵守 ECMAScript 规范
尽可能遵守 ECMAScript 规范，避免使用不支持的语言特性或库，可以避免出现 Parsing error: Unexpected token 错误。
示例代码
以下是一个使用了不支持的语言特性的示例代码：
----- --- - - ---- ----- - ----- - --- - - ----
这段代码使用了对象的解构赋值语法，这是 ECMAScript 6 中的语法特性。如果我们的 ESLint 配置文件中没有指定使用 ECMAScript 6，就会出现 Parsing error: Unexpected token 错误。
我们可以在 .eslintrc 文件中添加以下配置来解决这个问题：
-
---------------- -
-------------- -
-
-或者在 .eslintrc 文件中添加以下配置来使用 Babel 解析器：
- --------- -------------- -
总结
Parsing error: Unexpected token 错误通常是由于代码中出现了不符合 ECMAScript 语法规范的语句或表达式导致的。我们可以通过检查代码语法、确认使用的 ECMAScript 版本、确认使用的解析器、确认使用的插件等方法来解决这个问题。同时，我们也可以通过使用编辑器插件、遵守 ECMAScript 规范等方法来避免这个错误的发生。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/660cc82bd10417a222d207b0