警告jsx-a11y / img-has-alt

Question

我有CRA，我想安装自定义eslint（airbnb），但安装后会触发错误

  

警告未找到规则'jsx-a11y / img-has-alt'的定义jsx-a11y / img-has-alt

的package.json

...
"eslint-config-airbnb": "^15.0.1",
"eslint-plugin-import": "^2.2.0",
"eslint-plugin-jsx-a11y": "^5.0.1",
"eslint-plugin-react": "^7.0.1",

create-app-react - 3.10.10

.eslintrc

"extends": [
    "airbnb"
],
"plugins": [
    "import",
    "react",
    "jsx-a11y"
],
"env": {
    "browser": true,
    "node": true,
    "jest": true
},
"rules": {
    "comma-dangle": ["error", "never"],
    "jsx-a11y/img-has-alt": [0],
    "jsx-quotes": ["error", "prefer-single"],
    "no-confusing-arrow": [0],
    "react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
    "react/jsx-no-bind": [0],
    "react/prop-types": [1],
    "react/require-default-props": [0]
}

编辑：npm说eslint-config-airbnb需要jsx-a11y v5.0.1

Answer 1

我使用CRA eslint插件，当我安装jsx-a11y插件5.0.3时，我收到控制台警告：

  

“eslint-config-react-app@0.6.2”具有错误的对等依赖关系“eslint-plugin-jsx-a11y@^2.0.0 || ^ 3.0.0 || ^ 4.0.0”。

以及你得到的同样警告。

我相信您需要降级到4.0.0版。这仍然是“通缉”版本

Answer 2

您显然需要更新节点版本才能解决问题。

Answer 3

如果您将规则声明从"jsx-a11y/img-has-alt": [0],更改为 "jsx-a11y/alt-text": [0],可以正常工作。

https://cnpmjs.org/package/eslint-plugin-jsx-a11y