在前端开发中，我们经常使用 ESLint 这样的代码检查工具来帮助我们规范代码，从而提高代码的质量和可读性。但是，在使用 ESLint 进行代码检查时，有时候会遇到 Parsing error: Unexpected token 这样的报错，这个报错的意思是“解析错误：意外的令牌”，通常这个错误是由于代码中存在语法错误或者不符合规范的语法导致的。那么，我们应该如何解决这个问题呢？
解决方案
1. 检查代码中是否存在语法错误
Parsing error: Unexpected token 报错通常是由于代码中存在语法错误导致的，所以我们首先需要检查代码中是否存在语法错误。可以通过在控制台中输入以下命令来检查代码的语法错误：
---- -- -----------------
如果代码中存在语法错误，控制台会输出错误信息，我们就可以根据错误信息来修复代码中的语法错误了。
2. 检查 ESLint 配置文件中的 parser 配置
在使用 ESLint 进行代码检查时，我们需要在配置文件中指定解析器（parser），如果解析器配置错误，也会导致报错。在 ESLint 配置文件中，parser 配置项用于指定解析器，通常情况下我们会将其配置为 babel-eslint，因为它支持解析 ES6+ 的语法。如果你的代码中使用了 ES6+ 的语法，但是 parser 配置项却没有正确配置，就会导致 Parsing error: Unexpected token 报错。
3. 检查 ESLint 配置文件中的 ecmaVersion 配置
如果你的代码中使用了 ES6+ 的语法，但是 ecmaVersion 配置项却没有正确配置，也会导致 Parsing error: Unexpected token 报错。在 ESLint 配置文件中，ecmaVersion 配置项用于指定 ECMAScript 版本，如果你的代码中使用了 ES6+ 的语法，就需要将其配置为 6 或者更高的版本。
4. 检查代码中是否存在不符合规范的语法
除了语法错误之外，Parsing error: Unexpected token 报错还可能是由于代码中存在不符合规范的语法导致的。在这种情况下，我们需要检查代码中是否存在不符合规范的语法，并将其修复。
示例代码
下面是一个示例代码，其中存在一个语法错误：
----- - - - -- -- -- -- -- -- -- ---------------
在控制台中输入以下命令进行语法检查：
---- -- -----------------
控制台会输出以下错误信息：
------------------------------ -- -- - ------------ ---------- ----- -
我们可以看到，这个错误是由于对象字面量中存在语法错误导致的。在这个例子中，我们需要将对象字面量中的最后一个属性后面的逗号去掉即可。
总结
Parsing error: Unexpected token 报错通常是由于代码中存在语法错误或者不符合规范的语法导致的。在解决这个问题时，我们需要检查代码中是否存在语法错误、检查 ESLint 配置文件中的 parser 和 ecmaVersion 配置、检查代码中是否存在不符合规范的语法等。通过对这些方面的检查和修复，我们就可以解决 Parsing error: Unexpected token 报错问题了。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/663eeb7bd3423812e4d27a12