@ typescript-eslint / eslint-plugin错误：'Route'已定义但从未使用过（no-unused-vars）

Question

在eslint添加typescript检查后，当类定义中的属性变量为Array时会出错。

---

这是我的eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  'extends': ['plugin:vue/essential', '@vue/standard'],
  rules: {},
  parserOptions: {
    parser: '@typescript-eslint/parser',
    project: "./tsconfig.json"
  },
  plugins: ['@typescript-eslint']
};

Answer 1

查看github上的eslint存储库，已经有很多关于no-unused-vars规则的问题。以下是一些例子：

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

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

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

这是一个持续存在的问题。希望我们能够尽快解决这个问题。

Answer 2

解决方案是禁用本机no-unused-vars，以便只启用TS。如果在ESLint中扩展配置，则可能会启用前者。将以下规则添加到ESLint配置中。

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

Answer 3

添加到我的问题中的图片无法浏览。为了方便其他人帮助回答问题，请以答案的形式添加我的代码的屏幕截图。

import {Route} from '@/app/router/Route';

class YabRouter {
    public widthOutAuthRoutes: Route[] = [];
    public systemConfigRoutes: Route[] = [];
    public staticRoutes: Route[] = [];
    public dynamicRoutes: Route[] = [];