ESLint 报错：Parsing error: Unexpected token =，该如何解决？

在前端开发中，我们经常使用 ESLint 进行代码规范检查，以确保我们的代码质量和可读性。然而，有时候我们会遇到一些报错，比如 Parsing error: Unexpected token =，这个错误提示通常是由于代码中使用了一些不被支持的语法或者版本问题导致的。

那么，该如何解决这个问题呢？下面我将为大家详细介绍。

1. 检查语法

首先，我们需要检查一下代码中是否使用了不被支持的语法。比如，ES6 中的箭头函数和解构赋值等语法在低版本的浏览器中并不被支持，如果我们使用了这些语法，就会导致上述报错。

举个例子，下面这段代码中使用了箭头函数：

const greet = name => {
  console.log(`Hello, ${name}!`);
}

如果我们使用的是低版本的浏览器，就会出现上述报错。这时，我们可以将箭头函数改为普通函数，即：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

这样就可以避免这个问题了。

2. 检查版本

除了语法问题，上述报错还可能是由于版本问题导致的。比如，我们使用了最新的语法特性，但是我们的 ESLint 版本却比较老，就会导致上述报错。

这时，我们需要升级 ESLint 版本。具体操作可以参考 ESLint 官网提供的升级指南。

3. 配置 ESLint

最后，如果我们已经检查了语法和版本问题，还是无法解决这个问题，那么我们需要检查一下 ESLint 的配置。

通常情况下，我们需要在 .eslintrc 文件中设置 parserOptions 属性，以告诉 ESLint 使用哪个解析器和语法规则。比如，我们可以设置如下：

{
  "parserOptions": {
    "ecmaVersion": 6
  }
}

这样，ESLint 就会使用 ECMAScript 6 的语法规则进行检查了。

总结

ESLint 报错 Parsing error: Unexpected token = 的原因可能是多种多样的，我们需要仔细检查代码语法、版本和配置等方面，才能找到解决方法。在实际开发中，我们应该时刻保持对 ESLint 的关注，以确保我们的代码质量和可读性。

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