ESLint 报错：Parsing error: Unexpected token }

在前端开发过程中，ESLint 是一个非常常见的工具，用于检查代码是否符合规范。然而，在使用 ESLint 进行代码检查时，可能会遇到报错：Parsing error: Unexpected token }，这是什么原因呢？

错误原因

Parsing error: Unexpected token } 错误通常是由于代码中存在语法错误导致的。在 JavaScript 中，一对花括号 {} 通常用于表示一个代码块，但如果花括号的使用不当，就会导致语法错误。

比如下面这段代码：

function test() {
  console.log('test');
}
}

在这段代码中，第 4 行多了一个多余的花括号，导致代码存在语法错误。当使用 ESLint 进行代码检查时，就会报错：Parsing error: Unexpected token }。

解决方法

解决 Parsing error: Unexpected token } 错误的方法其实很简单，就是找出代码中存在语法错误的地方，进行修改即可。在上面的例子中，我们只需要删除第 4 行多余的花括号即可。

function test() {
  console.log('test');
}

除了一些简单的语法错误外，ESLint 报错：Parsing error: Unexpected token } 还可能是由于使用了一些新的语言特性，导致 ESLint 不能正确解析代码而报错。比如使用了 ES6 的箭头函数时，可能会出现这种情况。

const test = () => {
  console.log('test');
}

在这种情况下，我们需要在 ESLint 配置文件中添加对应的语法规则，以便 ESLint 能够正确解析代码。比如在 .eslintrc.js 中添加如下配置：

module.exports = {
  // ...
  parserOptions: {
    ecmaVersion: 6,
    sourceType: 'module',
  },
  // ...
};

在上面的配置中，我们指定了代码使用了 ES6 的语法，并且是以模块的方式进行导出的。这样，ESLint 就能够正确解析箭头函数的语法了。

总结

在前端开发过程中，ESLint 是一个非常有用的工具，可以帮助我们检查代码是否符合规范。当遇到 ESLint 报错：Parsing error: Unexpected token } 错误时，我们需要找出代码中存在语法错误的地方，并进行修改。另外，如果使用了一些新的语言特性，也需要在 ESLint 配置文件中添加对应的语法规则。

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