@typescript-eslint/eslint-plugin Error: 'Route' Is Defined But Never Used (no-unused-vars)

March 08, 2023 Post a Comment

After eslint adds typescript check, there will be an error when the attribute variable in the class definition is Array. this is my eslintrc.js module.exports = { root: true,

Solution 1:

The solution is to disable the native no-unused-vars so that only the TS one is enabled. The former is likely to be enabled if you extend a config in ESLint. Add the rules below to your ESLint config.

"rules": {
  "no-unused-vars": "off",
  "@typescript-eslint/no-unused-vars": "error"
}

Solution 2:

Updated Answer

Disable no-unused-vars and enable it with "@typescript-eslint/no-unused-vars": "error"

"rules": {
  "no-unused-vars": "off",
  "@typescript-eslint/no-unused-vars": "error"
}

Thanks to James Middleton for the correct answer.

Outdated

~~Looking at the eslint repository on github, there have been lots of issues opened about the no-unused-vars rule. Here is some examples:~~

https://github.com/typescript-eslint/typescript-eslint/issues/45

https://github.com/typescript-eslint/typescript-eslint/issues/111

It's an ongoing problem. Hopefully we can expect this to be resolved soon.

Solution 3:

If someone are still having the issue, I add "extends": ["eslint:recommended", "plugin:react/recommended"], on the .eslintrc.json file and the problem get solved.

JavaScript Test