reactjs - 用于 typescript 的 eslint-plugin-jsx-a11y

Question

我正在尝试为我的 typescript react 项目设置，当我工作时，如果我正在做一些无法访问的事情，它会给我警告/错误。我的编辑器已经给我列出错误，但我尝试设置 eslint-plugin-jsx-a11y，但我无法让它工作。
这是我的 package.json 中的 eslint 部分

  "eslintConfig": {
    parser: '@typescript-eslint/parser',
    "extends": [
      "react-app",
      "react-app/jest",
      "shared-config",
      "plugin:jsx-a11y/recommended"
    ],
    "rules": {
      "additional-rule": "warn"
    },
    "overrides": [
      {
        "files": [
          "**/*.ts?(x)"
        ],
        "rules": {
          "additional-typescript-only-rule": "warn"
        }
      }
    ]
  },

不知道我错过了什么。谢谢

Answer 1

你的意思是不能让它工作？
从它的外观来看，我猜你错过了 plugins每个 eslint 使用任何给定插件所需的 key docs .eslint-plugin-jsx-a11y文档甚至在 usage 中提到了这一点部分。extends键仅应用规则集，而 plugins key 使某些规则可用，请参阅更长的解释 here .

"eslintConfig": {
  "parser": '@typescript-eslint/parser',
  "extends": [
    "react-app",
    "react-app/jest",
    "shared-config",
    "plugin:jsx-a11y/recommended"
  ],
  "plugins": [
    "jsx-a11y"
  ],
  "rules": {
    "additional-rule": "warn"
  },
  "overrides": [
    {
      "files": [
        "**/*.ts?(x)"
      ],
      "rules": {
        "additional-typescript-only-rule": "warn"
      }
    }
  ]
}

If this doesn't work please elaborate on what isn't working or what errors you get.