在前端开发过程中，我们经常会遇到一些语法错误，其中最常见的一个就是 “Parsing error：missing （ in parenthetical”，这种错误会导致代码无法正常运行，给我们的开发带来很大的困扰。本文将介绍 ESLint 如何解决这个问题，帮助我们更好地进行前端开发。
什么是 ESLint
ESLint 是一个 JavaScript 语法检查工具，它可以帮助我们检查代码中的语法错误、潜在的问题和风格问题。ESLint 可以通过配置文件来定义我们的代码应该符合的规则，这些规则可以是官方提供的也可以是自定义的。ESLint 可以与各种编辑器和构建工具集成，方便我们在开发过程中及时发现问题并进行修复。
为什么会出现 “Parsing error：missing （ in parenthetical”
在 JavaScript 中，括号是一种很常见的语法元素，它可以用于多种场景，比如函数调用、表达式、条件语句等等。当我们在代码中使用括号时，如果括号的使用不符合语法规则，就会出现 “Parsing error：missing （ in parenthetical” 这样的错误。具体来说，这个错误通常是由以下几种情况引起的：
- 括号未被正确地闭合
在 JavaScript 中，括号必须成对出现，如果我们在代码中使用了括号，但是没有正确地闭合它们，就会导致 “Parsing error：missing （ in parenthetical” 这样的错误。例如：
const myFunction = (a, b => {
return a + b;
}在这个例子中，我们在定义函数时使用了箭头函数，但是括号没有被正确地闭合，导致出现了语法错误。
- 括号的使用不符合语法规则
在 JavaScript 中，括号有很多种用法，但是它们的使用必须符合语法规则。如果我们在代码中使用了不符合语法规则的括号，就会出现 “Parsing error：missing （ in parenthetical” 这样的错误。例如：
const myObject = {
name: 'Tom',
age: 18,
)};在这个例子中，我们在定义对象时，使用了一个多余的括号，导致出现了语法错误。
如何使用 ESLint 解决 “Parsing error：missing （ in parenthetical”
ESLint 可以帮助我们在代码编写过程中检查语法错误和潜在问题，从而避免出现 “Parsing error：missing （ in parenthetical” 这样的错误。下面是具体的步骤：
- 安装 ESLint
首先，我们需要安装 ESLint。可以使用 npm 或者 yarn 进行安装：
npm install eslint --save-dev # 或者 yarn add eslint --dev
- 初始化 ESLint 配置文件
安装完成后，我们需要初始化一个 ESLint 配置文件，以便于我们定义代码应该符合的规则。可以通过以下命令进行初始化：
npx eslint --init
在初始化过程中，我们需要回答一些问题，以便于 ESLint 生成一个适合我们项目的配置文件。可以根据自己的需要选择相应的选项。
- 配置 ESLint 规则
ESLint 配置文件中包含了很多默认的规则，但是有些规则可能不符合我们的项目需求，因此我们需要根据自己的需要进行配置。可以在配置文件中添加自定义规则，并且可以通过配置项来控制这些规则的严格程度。
例如，我们可以在配置文件中添加以下规则来避免 “Parsing error：missing （ in parenthetical” 这样的错误：
{
"rules": {
"no-unexpected-multiline": "error",
"space-in-parens": ["error", "never"]
}
}这两个规则分别是：
no-unexpected-multiline：禁止出现多行代码中的语法错误；space-in-parens：括号内不允许出现空格。
通过这些规则，我们可以避免出现 “Parsing error：missing （ in parenthetical” 这样的错误。
总结
“Parsing error：missing （ in parenthetical” 是一种常见的语法错误，它可能会导致代码无法正常运行。ESLint 是一个强大的 JavaScript 语法检查工具，它可以帮助我们在代码编写过程中检查语法错误和潜在问题，并且可以通过配置文件来定义代码应该符合的规则，从而避免出现 “Parsing error：missing （ in parenthetical” 这样的错误。在实际开发过程中，我们应该充分利用 ESLint 这个工具，从而提高代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/656b076bd2f5e1655d37d0ed