create-react-app创建项目npm启动时报jsx-a11y/alt-text规则加载错误

完整报错信息：

Error while loading rule 'jsx-a11y/alt-text': rule.create is not a function
Occurred while linting my-app/src/index.js

该报错是eslint-plugin-jsx-a11y 6.10.0版本的已知兼容性问题，该版本和Create React App内置的ESLint版本不匹配，导致规则加载失败。可按照以下步骤解决：

• 方案一：锁定依赖版本（推荐）
  打开项目根目录的package.json文件，根据你使用的包管理器添加对应配置：
  • 如果你使用npm：
    添加overrides字段：

    {
      "name": "my-app",
      "version": "0.1.0",
      // 其他原有配置保持不变
      "overrides": {
        "eslint-plugin-jsx-a11y": "6.9.0"
      }
    }
    

    配置完成后删除项目下的node_modules文件夹和package-lock.json文件，执行npm install重新安装所有依赖，安装完成后执行npm start即可正常启动项目。
  • 如果你使用yarn：
    添加resolutions字段：

    {
      "name": "my-app",
      "version": "0.1.0",
      // 其他原有配置保持不变
      "resolutions": {
        "eslint-plugin-jsx-a11y": "6.9.0"
      }
    }
    

    配置完成后删除项目下的node_modules文件夹和yarn.lock文件，执行yarn install重新安装所有依赖即可。
• 方案二：临时禁用对应校验规则
  如果仅需要临时启动项目验证，可以在项目根目录的ESLint配置文件（通常为.eslintrc.js或.eslintrc.json）中添加规则关闭配置：

  "rules": {
    "jsx-a11y/alt-text": "off"
  }
  

  保存配置后重启项目即可跳过该规则校验。

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