ESLint 报错 Parsing error: Unexpected token 的解决方案

在使用 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