eslint 禁用所有警告,而不是一种类型

eslint disables all warnings instead of one type

提问人:Antonio 提问时间:10/5/2023 最后编辑:Antonio 更新时间:10/5/2023 访问量:17

问:

在我的 react 应用程序中,我有 ~60 个带有鼠标侦听器的元素,没有键盘侦听器。

当然,eslint 警告我:带有点击处理程序的可见非交互式元素必须至少有一个键盘侦听器。

我知道这是一个不好的做法,但我的命令稍后会添加这些侦听器,别担心。

我决定为 eslint 添加一个规则:在根目录中创建了 .eslintrc.js,并添加了以下代码:

module.exports = {
  rules: {
    extends: "react-app",
    "jsx-a11y/click-events-have-key-events": "off",
  },
}

重建项目后,所有警告都从控制台中消失了(包括未使用的变量、缺少依赖项等)。好的,我删除了 .eslintrc.js 并将规则添加到 package.json:

  "eslintConfig": {
    "extends": "react-app",
    "rules": {
      "jsx-a11y/click-events-have-key-events": "off"
    }
  }

项目重建后效果相同。我删除了这条规则,然后在根目录中创建了 .eslintrc.json 文件,并放置了以下代码:

{
  "plugins": ["jsx-a11y"],
  "rules": {
    "jsx-a11y/click-events-have-key-events": "off"
  }
}

重建后,所有警告再次从我的控制台中消失。

我做错了什么?如何仅删除此类型的警告而保留其他警告?

reactjs eslint 警告 eslintrc

评论


答: 暂无答案