找不到规则 'react-hooks/exhaustive-deps' 的定义

Question

在我的代码中添加 // eslint-disable-next-line react-hooks/exhaustive-deps 后，我收到以下 eslint 错误。

8:14 error Definition for rule 'react-hooks/exhaustive-deps' was not found

我参考了 this post 来解决这个问题，但提到的解决方案对我的情况不起作用。任何线索如何抑制这个 eslint 错误？

PS 我在连用 standardjs。

Answer 1

确保您已将规则放入 .eslintrc 的 rules 对象中。仅安装插件不足以使规则开始工作

"react-hooks/exhaustive-deps": "warn",

并且我假设您已经将 react-hooks 插件添加到 .eslintrc

中的 plugins 数组中

Answer 2

不是完美的解决方案但正在改变：

// eslint-disable-next-line react-hooks/exhaustive-deps

至：

// eslint-disable-next-line

抑制了那个错误。

Answer 3

这通常是因为 .eslintrc 插件配置中缺少 react-hooks 插件。确保您已添加 react-hooks，如下例所示：

"plugins": ["react", "react-hooks",],

Answer 4

确保像这样在扩展和插件数组中定义你的 react-hooks

"extends": [
    "react-hooks",
  ],
  "plugins": [
    "react-hooks"
  ],

Answer 5

假设您正在使用 vscode 并且您的 package.json 中有必要的软件包，例如

"eslint-plugin-react-hooks": "^4.3.0",

在你的 eslintrc.js

其他答案的建议，那么您可能只需要 重新启动

ESLint: Restart ESLint Server 来自

cmd/ctrl + shift + P

Answer 6

将下面的代码放入package.json

"eslintConfig": {
  "extends": "react-app"
}

Definition for rule 'react-hooks/exhaustive-deps' was not found