打字稿类型'XX'无法分配给类型import（“ / Volumes / D / test”）。XX'.ts（2322）

Question

我已经创建了代码，该代码将覆盖该类的默认配置，但出现了奇怪的错误Type 'IConfig' is not assignable to type 'import("/Volumes/D/www/js/tsc_1/test").IConfig'.ts(2322)

我无法将相同的变量TYPE分配给另一个变量。请检查屏幕截图

export default interface IPlugin {
  setConfig<T>(config: T): T
}

export interface IConfig {
  port: number
}

const _config: IConfig = {
  port: 7001
}

class Server implements IPlugin {

  public config : IConfig
  constructor() {
    this.config = _config
  }

  setConfig<IConfig>(configNew: IConfig) {
    this.config = configNew
    // ERROR - Type 'IConfig' is not assignable to type 'import("/Volumes/D/www/js/tsc_1/test").IConfig'.ts(2322)

    return configNew
  }
}

Answer 1

我已将其固定为此类。请注意，在扩展时，我将通用类型的定义移至IPlugin本身并指定了类型：

export interface IConfig {
  port: number
}

export declare interface IPlugin<T> {
setConfig(config: T): T
}

const _config: IConfig = {
  port: 7001
}

class Server implements IPlugin<IConfig> {

  public serverConfig : IConfig
  constructor() {
    this.serverConfig = _config
  }

  setConfig(config: IConfig) : IConfig {
    this.serverConfig = config
    return config
  }
}

[Playground][1]

  [1]: https://www.typescriptlang.org/play/?ssl=24&ssc=2&pln=1&pc=1#code/KYDwDg9gTgLgBASwHY2FAZgQwMbDgSQGEIl0EBzOAbwCg45JYAuOJAVwFsAjNGgXxo1QjeABNg2ADaYoeZKgw48%20AAqS25ZAB4AKgD5qNAM7AYxUhQAU2EmXIsdASgf9BNpEfgB9d3ZZFbCjgAXkN6ERYAdgAGaIBGVxopTCMjOABlNAA3NEQOMElgDmAUNNV1TSQtAItyA1o6BjYuSQRsOBMoHKhzOzh-XopG908oNmwYaEtHMPo4GAALBCMAOk7uwcpQn0DyRoFGkzNd612B3Znz2tn6ReW17LRNkLhfIbm4WRg2KCRX3f2riAA