未找到规则"反应钩子/穷举"的定义

Question

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

8：14 错误 找不到规则"反应钩子/穷举 deps"的定义

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

PS 我在结合中使用标准 js。

Answer 1

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

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

Answer 2

确保在扩展和插件数组中定义你的 react-hook，如下所示

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

Answer 3

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

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

我假设您已经将react-hooks插件添加到.eslintrc的plugins数组中

Answer 4

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

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

自：

// eslint-disable-next-line

抑制了该错误。

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"
}