时间戳

首页 > 解决方案 > ESlint Angular - no-unused-vars 命中类型定义

javascript - ESlint Angular - no-unused-vars 命中类型定义

问题描述

我正在升级/重构一个 Angular 项目（到Angular 8、Electron 6、Ionic 4），我们决定从 TSLint 切换到 ESLint。

我设置了一些规则并且它们正在运行，但我无法摆脱no-unused-vars类型定义的警告。当我运行 linting 时，我会收到此警告OperatorFunction，Observable这显然不是问题。

import { OperatorFunction, Observable, timer } from 'rxjs';
import { tap } from 'rxjs/operators';

export function executeDelayed<T>(fn: () => void, delayTime: number): OperatorFunction<T, T> {
  return function executeDelayedOperation(source: Observable<T>): Observable<T> {
   //...
  }
}

.eslintrc.js文件使用此配置

module.exports = {
    "env": {
        "browser": true,
        "es6": true,
        "node": true
    },
    "extends": [
        "eslint:recommended",
        "plugin:@typescript-eslint/eslint-recommended",
        "plugin:prettier/recommended"
    ],
    "globals": {
        "Atomics": "readonly",
        "SharedArrayBuffer": "readonly"
    },
    "parser": "@typescript-eslint/parser",
    "parserOptions": {
        "ecmaVersion": 2018,
        "sourceType": "module"
    },
    "plugins": [
        "@typescript-eslint"
    ],
    "rules": {
      "no-unused-vars": [
        "warn",
        {
          "vars": "local",
          "ignoreSiblings": true,
          "args": "after-used",
          "argsIgnorePattern": "res|next|^err"
        }
      ],
      "no-use-before-define": [
        "error", 
        { 
          "functions": true, 
          "classes": true 
        }
      ]
    }
};

我在这里遇到了多个类似的问题，但无法找到解决方案。任何想法？切换回 TSLint 不是一种选择。

标签： javascriptangulartypescripteslint

解决方案

我遇到了类似的问题，但能够通过遵循@typescript-eslint/eslint-plugin README中的建议来解决它。本质上，我只是将我的extends部分更改为如下所示：

"extends": [
  "eslint:recommended",
  "plugin:@typescript-eslint/eslint-recommended",
  "plugin:@typescript-eslint/recommended"
]

更改后，所有no-unused-vars错误和警告都消失了。

据我所知，该"plugin:@typescript-eslint/recommended"行覆盖了eslint:recommended不适用于 TypeScript 的规则，尤其是那个no-unused-vars。

希望这会有所帮助！

推荐阅读