Nx React项目配置no-restricted-imports带group参数报错如何解决

报错原因 #

• 你使用的ESLint版本低于v8.42.0：no-restricted-imports规则的patterns.group属性是ESLint v8.42.0版本才新增的配置能力，低于该版本的ESLint无法识别group字段，会判定为非法的额外配置属性，抛出对应错误。
• 旧版本Nx monorepo默认锁定的ESLint依赖版本普遍低于v8.42.0，会直接触发该兼容性问题。

解决方案 #

方案1：升级ESLint版本（推荐） #

将项目依赖的ESLint升级到v8.42.0及以上版本，如果你使用TypeScript编写ESLint配置，还需要同步升级@types/eslint到对应匹配版本，升级完成后即可正常使用官方文档中的group字段配置。
升级命令参考：

npm install eslint@^8.42.0 --save-dev

如果使用yarn/pnpm包管理器，替换为对应安装命令即可。

方案2：兼容旧版本写法（无需升级） #

如果当前项目暂时无法升级ESLint版本，可以改用旧版本支持的正则匹配写法实现相同效果，配置示例如下：

"rules": {
    "no-restricted-imports": [
      "error",
      {
        "patterns": [
          {
            "regex": "lodash/.*",
            "message": "Please use the default import from 'lodash' instead."
          }
        ]
      }
    ]
  }

该写法和group配置的校验效果完全一致，可以匹配所有lodash/xxx形式的导入路径并抛出指定提示。

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