ESLint 报错：Parsing error: Unexpected token ,

在前端开发中，我们经常会使用到 ESLint 这个工具来检查代码的规范性和错误。但是有时候在使用过程中会遇到报错，其中最常见的就是 Parsing error: Unexpected token , 这个错误。那么这个错误是怎么出现的呢？如何解决呢？本文将详细介绍。

错误原因

Parsing error: Unexpected token , 的意思是解析错误：意外的标记“，”。这个错误通常是因为代码中有一些不符合语法规范的地方，导致 ESLint 无法正确解析代码，从而报出这个错误。

常见的不符合语法规范的地方包括：

• 缺失或多余的括号、花括号、方括号等符号
• 缺失或多余的分号
• 对象或数组中最后一个元素后出现了逗号

下面是一个示例代码：

const obj = {
  name: 'Tom',
  age: 18,
  gender: 'male', // 这里出现了逗号
};

在这个示例代码中，最后一个元素后出现了逗号，这就是一个不符合语法规范的地方。

解决方法

解决 Parsing error: Unexpected token , 的方法很简单，只需要按照语法规范修改代码即可。对于上面的示例代码，只需要将最后一个元素后的逗号去掉即可：

const obj = {
  name: 'Tom',
  age: 18,
  gender: 'male'
};

除了修改代码之外，我们还可以使用 ESLint 的一些配置来避免这个错误的出现。比如可以在 .eslintrc.js 文件中添加如下配置：

module.exports = {
  // ...
  rules: {
    // ...
    'comma-dangle': ['error', 'never'] // 禁止在对象或数组最后一个元素后出现逗号
  }
}

这样，当我们在代码中出现对象或数组最后一个元素后出现逗号的情况时，ESLint 就会直接报错，而不是解析错误。

总结

Parsing error: Unexpected token , 这个错误通常是因为代码中有一些不符合语法规范的地方，我们只需要按照语法规范修改代码即可。同时，我们还可以使用 ESLint 的一些配置来避免这个错误的出现。希望本文能够对大家解决这个问题有所帮助。

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