在使用 ES6/ES2015 类作为开发项目的一部分时，你可能会遇到 ESLint 报错 Parsing error: Unexpected token。这个错误可通过一些解决方案来修复。在本文中，我们将讨论如何解决这个问题。
什么是 Parsing error: Unexpected token 错误
Parsing error: Unexpected token 是一个代码解析问题。当 ESLint 扫描 ES6/ES2015 类的代码时，在未被识别的语法上报告这个错误。这个错误消息表明，代码中包含了一些词汇、语义或语法上的错误。
解决方案
添加 Babel 到项目中
Babel 是一个 JavaScript 编译器，可将 ES6/ES2015 代码转换为 ES5 代码，以使其在旧版本的浏览器中能够运行，也可解决此 Parsing error: Unexpected token 错误。
首先我们需要安装必要的 Babel 插件。在命令行中使用以下命令：
npm install babel babel-core babel-loader babel-preset-env --save-dev
然后我们需要在项目的 .babelrc 文件中配置 Babel。这里是一个简单的示例：
{
"presets": [
"env"
]
}接下来，我们需要配置 webpack 来使用 Babel 转换代码。在 webpack 配置文件中，添加一些 BabelLoader 的选项：
-- -------------------- ---- -------
-------------- - -
------- -
------ -
-
----- --------
-------- ---------------
---- -
------- ---------------
-
-
-
-
-添加 ES6 开关
另一种解决方案是，将项目的 .eslintrc 文件配置为允许 ES6 代码。我们可以使用 eslint-config-airbnb-base，它是一个规则集，允许 ES6 代码通过 ESLint 检查。
首先使用以下命令安装 eslint-config-airbnb-base：
npm install eslint eslint-plugin-import eslint-config-airbnb-base --save-dev
在 .eslintrc 文件中添加以下配置：
-- -------------------- ---- -------
-
---------- -
-------------
--
-------- -
------------- ------
-------------- -----
--
---------------- -
-------------- -----
------------- --------
-
-使用其他解决方案
如果你使用的是 React，可以使用 eslint-config-airbnb。这个规则集基于 eslint-config-airbnb-base，添加了一些 React 相关的规则。
npm install eslint eslint-plugin-import eslint-plugin-react eslint-config-airbnb --save-dev
在 .eslintrc 文件中添加以下配置：
-- -------------------- ---- -------
-
---------- -
--------
--
-------- -
------------------------------- --------- - ------------- ------- ------- ---
------------- ------
-------------- -----
--
--------- --------------
-结论
Parsing error: Unexpected token 错误通常是 ES6/ES2015 类的代码解析错误。在本文中，我们讨论了两种解决方案。第一种解决方案是使用 Babel 编译器，第二种解决方案是使用 eslint-config-airbnb-base。在使用 eslint-config-airbnb-base 时，可以根据需要使用 eslint-config-airbnb 或其他规则集。希望本文能对你解决这种 Parsing error: Unexpected token 错误有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6722dc6e2e7021665e0d32f7