typescript - 使用静态类属性时，类型 Y 上不存在属性 X

Question

当我想访问某个模块中的静态类属性时，我遇到了 typescript 错误问题。

假设我想导出一些具有静态属性的类:

// MODULE 1
export class AppConfig {
  static readonly apiKey: string = process.env.API_KEY;
}

在模块 2 中，我为某个对象创建了一个接口(interface)；

// MODULE 2
import { AppConfig } from "./appConfig";

interface AppContext {
  config: AppConfig;
  ...
}

export default class App {
 ...

 get ctx(): AppContext {
  return {
    config: AppConfig,
    ...
  };
 }

 ...
}

在模块 3 中，我终于想要访问该属性:

// MODULE 3
...    
function createContext(app: App): object {
  return Object.assign(app.ctx, {
    apiContext: app.ctx.config.apiKey
  });
}
...

然后我得到 TS 错误: “'AppConfig'类型上不存在属性'apiKey'。”，这很奇怪，因为该属性无疑是在这个类型上。

Answer 1

静态属性不能通过类实例访问。它应该通过这样的类标识符访问:

const key = AppConfig.apiKey;

参见 Static Properties