在前端开发中，我们经常使用 ESLint 来检查代码质量和规范。但是，在使用过程中，有时候会遇到 Parsing error: Unexpected token 错误，这个错误提示通常表示代码中存在语法错误或者格式不规范，需要我们及时解决。
本文将介绍 ESLint 提示 Parsing error: Unexpected token 问题的解决方法，希望能够帮助大家更好地使用 ESLint。
问题分析
首先，我们需要了解这个错误提示的含义。Parsing error: Unexpected token 错误通常表示代码中存在语法错误或者格式不规范。我们可以通过检查代码中是否存在括号、分号、引号等符号的错误使用，或者检查代码中是否存在不支持的语法特性，来找到问题的根源。
例如，以下代码中的箭头函数就是一个常见的不支持的语法特性：
const add = (a, b) => a + b;
在这种情况下，ESLint 会提示 Parsing error: Unexpected token 错误。
解决方法
针对 ESLint 提示 Parsing error: Unexpected token 问题，我们可以采取以下几种解决方法。
1. 检查代码中的符号使用
首先，我们需要检查代码中的符号使用是否正确。例如，是否有括号、分号、引号等符号的错误使用。如果发现错误，及时修复即可。
例如，以下代码中缺少了一个右括号，导致出现了 Parsing error: Unexpected token 错误：
const obj = {
name: 'Tom',
age: 18
height: 180
};修复后的代码如下：
const obj = {
name: 'Tom',
age: 18,
height: 180
};2. 检查代码中的语法特性
其次，我们需要检查代码中是否存在不支持的语法特性。如果发现不支持的语法特性，需要将其转换成支持的语法特性或者使用相应的插件进行支持。
例如，以下代码中的箭头函数是一个不支持的语法特性：
const add = (a, b) => a + b;
我们可以将其转换成支持的语法特性，如下所示：
const add = function(a, b) {
return a + b;
};或者使用相应的插件进行支持，如下所示：
-- -------------------- ---- -------
-- -- ------------ --
--- ------- ------------ ----------
-- -- ------------ --
-------------- - -
------- ---------------
-------------- -
------------ --
----------- ---------
------------- -
---- ----
-
--
------ -
-- ---
-
--3. 检查 ESLint 配置
最后，我们需要检查 ESLint 的配置是否正确。如果配置错误，可能会导致 ESLint 提示 Parsing error: Unexpected token 错误。我们需要检查 .eslintrc.js 文件中的 parser、parserOptions 和 rules 等配置是否正确。
例如，以下代码中的配置错误会导致 ESLint 提示 Parsing error: Unexpected token 错误：
module.exports = {
parser: 'babel',
rules: {
'no-unused-vars': 'error'
}
};正确的配置应该是：
-- -------------------- ---- -------
-------------- - -
------- ---------------
-------------- -
------------ --
----------- ---------
------------- -
---- ----
-
--
------ -
----------------- -------
-
--总结
ESLint 提示 Parsing error: Unexpected token 问题通常表示代码中存在语法错误或者格式不规范。我们可以通过检查代码中的符号使用、检查代码中的语法特性和检查 ESLint 配置等方法来解决这个问题。希望本文能够帮助大家更好地使用 ESLint，提高代码质量和规范。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660ab015d10417a222a5bb0a