ESLint 如何解决 “Parsing error: '}' expected” 报错-JavaScript中文网-JavaScript教程资源分享门户

在前端开发中，我们经常会遇到 “Parsing error: '}' expected” 这样的报错。这个错误通常是由于语法错误或缺少括号等引起的。在开发过程中，这个错误可能会让我们的代码无法正常运行，甚至可能会导致一些不可预知的问题。为了避免这个问题，我们可以使用 ESLint 工具来解决这个问题。

ESLint 是什么？

ESLint 是一个 JavaScript 代码检查工具，它可以帮助我们检查代码中存在的语法错误和潜在问题。使用 ESLint 可以使我们的代码更加规范化，避免一些常见的错误。

解决 “Parsing error: '}' expected” 报错

在使用 ESLint 进行代码检查时，我们可以设置一些规则来检查代码中存在的问题。其中，解决 “Parsing error: '}' expected” 报错问题的方法是在 ESLint 配置文件中添加一个规则，来检查代码中是否存在缺少括号的情况。

步骤 1：安装 ESLint

首先，我们需要安装 ESLint。可以使用 npm 或 yarn 进行安装，如下所示：

npm install eslint --save-dev

或者

yarn add eslint --dev

步骤 2：创建 ESLint 配置文件

在项目的根目录下创建一个名为 .eslintrc 的文件，这个文件是 ESLint 的配置文件。在这个文件中，我们可以设置一些规则来检查代码中存在的问题。

// javascriptcn.com 代码示例
{
  "parser": "babel-eslint",
  "env": {
    "browser": true,
    "es6": true
  },
  "extends": ["eslint:recommended"],
  "rules": {
    "brace-style": ["error", "1tbs", { "allowSingleLine": true }]
  }
}

在上面的配置文件中，我们设置了 brace-style 规则，来检查代码中是否存在缺少括号的情况。具体的规则可以参考官方文档。

步骤 3：运行 ESLint

在配置好 ESLint 之后，我们可以使用命令行工具来运行 ESLint，检查代码中存在的问题。可以使用以下命令来运行 ESLint：

eslint yourfile.js

在运行 ESLint 之后，如果代码中存在缺少括号的情况，ESLint 将会给出相应的提示，我们可以根据提示来修改代码，解决 “Parsing error: '}' expected” 报错问题。

总结

“Parsing error: '}' expected” 报错问题是一个常见的问题，使用 ESLint 工具可以帮助我们解决这个问题。在使用 ESLint 进行代码检查时，我们需要设置相应的规则来检查代码中存在的问题。通过使用 ESLint 工具，我们可以使我们的代码更加规范化，避免一些常见的错误。

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