问题
I am getting the following eslint error after adding // eslint-disable-next-line react-hooks/exhaustive-deps
in my code.
8:14 error Definition for rule 'react-hooks/exhaustive-deps' was not found
I referred to this post to fix this but the solution mentioned doesn't work in my case. Any clue how to suppress this eslint error?
PS I'm using standardjs in conjuction.
回答1:
This typically happens because the react-hooks
plugin is missing in the .eslintrc
plugin configuration. Ensure you have added react-hooks
as in the example below:
"plugins": ["react", "react-hooks",],
回答2:
Make sure you define your react-hooks both in extends and plugins array like this
"extends": [
"react-hooks",
],
"plugins": [
"react-hooks"
],
回答3:
Make sure you have put the rule in the rules
object in your .eslintrc
. Installing the plugin alone is not enough for the rules to start working
"react-hooks/exhaustive-deps": "warn",
and I assume you have already added react-hooks
plugin into the plugins
array in the .eslintrc
回答4:
Not a perfect solution but changing:
// eslint-disable-next-line react-hooks/exhaustive-deps
to:
// eslint-disable-next-line
suppressed that error.
来源:https://stackoverflow.com/questions/59611822/definition-for-rule-react-hooks-exhaustive-deps-was-not-found