想要扩展空接口但出现 lint 错误：no-empty-interface

Question

今天，我尝试在我的 angular 6 应用程序中执行此操作：

export interface AuthConfig {}

export interface BasicAuthConfig extends AuthConfig {
    username: string;
    password: string;
}

export interface OAuth2AuthConfig extends AuthConfig {
    tokenName: string;
    url: string;
    callbackUrl: string;
    clientId: string;
    scope: string[];
    grantType: grantTypes;
}

并得到一个 lint 错误：

An empty interface is equivalent to `{}`. (no-empty-interface)

我想用我的端点接口做到这一点：

Export interface Endpoint {
…
authConfig: AuthConfig;
…
}

但被简化为这样做：

Export interface Endpoint {
…
authConfig: BasicAuthConfig | OAuth2AuthConfig;
…
}

不同类型的授权可能会变得冗长，因此我不想继续将类型添加到 Endpoint 接口的 authConfig 属性中。有什么方法可以声明一个空接口以扩展它而不会对我大喊大叫吗？

谢谢。

Answer 1

您可以在以下位置禁用此规则tslint.json：

"rules": { "no-empty-interface": false }

或者只是禁用一行的 linting：

// tslint:disable-next-line
export interface AuthConfig {}

Answer 2

还有另一种方式：

// eslint-disable-next-line @typescript-eslint/no-empty-interface
export interface AuthConfig {}

Answer 3

如何禁用

Example:
$ cat .eslintrc.js
  ...
  "rules": {
  '@typescript-eslint/no-empty-interface': 'off'
  }
  ...