ESLint报错：async箭头函数处期望'('却出现'{'的问题排查

问题分析 #

你遇到的报错是ESLint无法正确识别async箭头函数语法导致的误报，核心原因通常是ECMAScript版本配置过低、工具版本不兼容，或是规则配置冲突。

修复步骤 #

• 升级ESLint的ECMAScript版本配置
  在ESLint配置文件（如.eslintrc.json、.eslintrc.js）中，确保parserOptions.ecmaVersion设置为2017或更高版本（async箭头函数是ES2017新增特性）：

  {
    "parserOptions": {
      "ecmaVersion": 2017
    }
  }
  

• 更新Grunt ESLint插件版本
  旧版grunt-eslint可能内置低版本ESLint，无法解析新语法。执行命令更新插件：

  npm install grunt-eslint@latest --save-dev
  

• 检查arrow-parens规则配置
  确认ESLint的arrow-parens规则设置为强制参数带括号，避免语法识别冲突：

  {
    "rules": {
      "arrow-parens": ["error", "always"]
    }
  }
  

• 验证代码语法
  你的代码本身语法无误，可尝试简化代码测试：

  loginStateChanged: async (params) => {
    console.log(params);
    await Promise.resolve();
  }
  

  若简化后仍报错，优先排查配置和工具版本问题。

内容的提问来源于stack exchange，提问作者PsychoticLotus