Eslint 返回 no-unused-vars

Question

我已經設置了 eslint 以在 unsed vars 上警告我

rules: {
  '@typescript-eslint/no-unused-vars': ['error', { args: 'none' }],
}

現在我有一個 typescript class 看起來像這樣：

import { User } from './user';

export class MyClass {
  async myMethod(): Promise<User> {
    // Some code
  }
}

當我運行 eslint 時出現此錯誤

error  'User' is defined but never used  @typescript-eslint/no-unused-vars

為什么 eslint 警告我？ 在我看來，使用了變量。

Answer 1

在您的示例中，我們只看到類型 Promise，這並不意味着您在方法中使用 User，而只是定義一個類型。 預計 Eslint：

import { IUser} from './user'; // interface for User object
import { User } from './user'; // User object

export class MyClass {
  async myMethod(User: string): Promise<IUser> {
    // Some code with User parameter
  }
}

您的 Eslint 規則將僅適用於用戶 object，而不適用於界面。

一些閱讀材料：https://basarat.gitbook.io/typescript/future-javascript/promise

Answer 2

您必須禁用基本規則，因為它會報告不正確的錯誤。 參考： @typescript-eslint/no-unused-vars

  "no-unused-vars": "off",
  "@typescript-eslint/no-unused-vars": ["error", { args: "none" }]

用戶.ts

export class User {
    name: string;
}

我的類.ts

import { User } from './User'

export class MyClass {
    async myMethod(): Promise<User> {
        // Some code
    }
}

這也是我的最低 eslint 配置

module.exports = {
  "parser": "@typescript-eslint/parser",
  "plugins": ["@typescript-eslint/eslint-plugin"],
  "env": {
    "node": true
  },
  "extends": "eslint:recommended",
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module"
  },
  "rules": {
    "no-unused-vars": "off",
    "@typescript-eslint/no-unused-vars": ['error'],
  }
}

package.json 依賴項

{
  "scripts": {
    "lint": "eslint hello.ts"
  },
  "devDependencies": {
    "@types/eslint": "7.2.4",
    "@types/node": "13.7.7",
    "@typescript-eslint/eslint-plugin": "4.14.1",
    "@typescript-eslint/parser": "4.14.1",
    "eslint": "7.18.0",
    "ts-node": "8.6.2",
    "typescript": "3.8.3"
  }
}