在使用 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 插件。在命令行中使用以下命令:
--- ------- ----- ---------- ------------ ---------------- ----------
然后我们需要在项目的 .babelrc 文件中配置 Babel。这里是一个简单的示例:
- ---------- - ----- - -
接下来,我们需要配置 webpack 来使用 Babel 转换代码。在 webpack 配置文件中,添加一些 BabelLoader 的选项:
-------------- - - ------- - ------ - - ----- -------- -------- --------------- ---- - ------- --------------- - - - - -
添加 ES6 开关
另一种解决方案是,将项目的 .eslintrc 文件配置为允许 ES6 代码。我们可以使用 eslint-config-airbnb-base,它是一个规则集,允许 ES6 代码通过 ESLint 检查。
首先使用以下命令安装 eslint-config-airbnb-base:
--- ------- ------ -------------------- ------------------------- ----------
在 .eslintrc 文件中添加以下配置:
- ---------- - ------------- -- -------- - ------------- ------ -------------- ----- -- ---------------- - -------------- ----- ------------- -------- - -
使用其他解决方案
如果你使用的是 React,可以使用 eslint-config-airbnb。这个规则集基于 eslint-config-airbnb-base,添加了一些 React 相关的规则。
--- ------- ------ -------------------- ------------------- -------------------- ----------
在 .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