如何解决 ESLint 错误:'async' is not allowed

ESLint 是一个流行的 JavaScript 代码静态分析工具,可以检查代码风格和潜在的问题。使用 ESLint 可以帮助团队保持一致的代码规范,并防止一些常见的错误。

在使用 ESLint 进行代码检查的时候,有时候会遇到错误:“'async' is not allowed”。这个错误表示,代码中使用了 ES2017 引入的 async 函数,而 ESLint 默认不允许使用这个语法。那么,如何解决这个错误呢?

方法一:安装插件

可以使用 ESLint 的插件来允许 async 函数的使用。比如,可以安装 eslint-plugin-promise 插件和 babel-eslint 解析器,并在 .eslintrc 文件中配置:

-
  ---------- -
    ---------------------
    ----------------------------
  --
  --------- ---------------
  -------- -
    ------------- -----
  -
-

在这个配置中,extends 属性使用了 eslint:recommended 和 plugin:promise/recommended 插件。eslint:recommended 是 ESLint 的官方推荐配置,plugin:promise/recommended 插件包含了允许 async 函数使用的规则。parser 属性使用了 babel-eslint 解析器,因为它支持 ES2017 的 async/await 语法。最后,rules 属性中的 "no-console": "off" 表示关闭了禁止使用控制台的规则。

方法二:禁用规则

如果您不想使用插件,也可以在 .eslintrc 文件中禁用相应的规则,允许使用 async 函数。这样做的代码如下:

-
  -------- -
    ----------------- ------
    ------------------ ------
    ---------------- -----
  -
-

在这个配置中,no-unused-vars、no-invalid-this 和 require-await 这三个规则被禁用了,因为它们会阻止 async 函数的使用。如果您有一组自定义的规则,您也可以禁用相关的规则。

结论

ESLint 是一个非常有用的代码检测工具,可以帮助您的团队保持一致的代码规范。但是,在使用过程中,您也可能会遇到一些问题。本文介绍了两种解决 ESLint 错误:“'async' is not allowed”的方法。您可以选择适合自己的方法,使代码检查更加顺畅。

示例代码

-- -- ----- --
----- -------- ----------- -
  ----- -------- - ----- --------------------------------------
  ----- ---- - ----- ----------------
  ------ -----
-

------------

来源:JavaScript中文网 ,转载请注明来源 本文地址:https://www.javascriptcn.com/post/671b548e9babaf620faac4c8