ESLint 报错：Parsing error: Unexpected token-JavaScript中文网-JavaScript教程资源分享门户

ESLint 报错：Parsing error: Unexpected token

在进行前端开发中，我们经常会使用到代码检查工具 ESLint。它可以有效地规范我们的代码风格，提高代码质量。但是在使用过程中，我们常常会遇到一个报错：Parsing error: Unexpected token。

这个报错通常是由于代码中出现了语法错误或者是使用了语法不支持的特性。比如在使用最新语法版本的 JS 时，可能会出现类似下面的错误：

const foo = 10;
const bar = () => {
  console.log("hello world");
};

如果我们使用的 ESLint 配置文件中没有指定使用最新的 JS 语法版本，就会报错：Parsing error: Unexpected token。因为这里的箭头函数和 const 声明都是最新语法。

针对这种问题，我们应该根据具体情况进行分析。

我们可以修改 ESLint 配置文件中的 parserOptions，使用最新语法版本。示例如下所示：

{
    "parserOptions": {
        "ecmaVersion": 2021 // 使用最新语法版本
    },
    "rules": {
        // 其他规则
    }
}

这样 ESLint 就可以正确地解析我们的代码了。

我们还可以避免使用不支持的语法特性，比如使用 const 声明变量时，可以改为使用 var 或者 let。

var foo = 10;
let bar = function() {
  console.log("hello world");
};

我们也可以使用一些插件来帮助我们解决这个问题。比如 babel-eslint，它可以在 ESLint 中使用 Babel 解析器来解析我们的代码。

安装插件：

npm install --save-dev babel-eslint

修改 ESLint 配置文件：

{
    "parser": "babel-eslint",
    "rules": {
        // 其他规则
    }
}

在前端开发中，ESLint 是一个非常重要的工具，帮助我们规范代码风格，提高代码质量。当我们遇到 Parsing error: Unexpected token 错误时，可以根据具体情况进行分析，修改配置文件、避免使用不支持的语法特性或者使用插件来解决这个问题。

来源：JavaScript中文网，转载请注明来源 https://www.javascriptcn.com/post/65bad145add4f0e0ff35fa12