如何在打字稿中使用条件导入模块的类型？

Question

我的项目中有一个可选且依赖于平台的依赖项，我想像这样有条件地导入：

import os from 'os';

export default async function doSomething(): Promise<foo | null> {
  if(os.type() === 'some os') {
    // "platform-dependent-module" exposes type "foo"
    const module = await import("platform-dependent-module");
    // do stuff
    return bar; // bar is of type foo
  }
  return null;
}

但是这不起作用，因为编译器Cannot find name 'foo'。是否可以在不必静态导入模块的情况下公开类型定义？

Answer 1

显然，可以分别导入和暴露类型。所以可以像这样静态导入类型：

import type {foo} from 'module

并在动态加载整个模块之前使用类型。最终代码如下所示：

import os from 'os';
import type {foo} from 'platform-dependent-module';

export default async function doSomething(): Promise<foo | null | Error> {
  if(os.type() === 'some os') {
    try {
      // "platform-dependent-module" exposes type "foo"
      const module = await import('platform-dependent-module');
      // do stuff
      return bar; // bar is of type foo
    } catch (e) {
      return e;
    }
  }
  return null;
}

Answer 2

是的，您可以使用TypeScript's Type Aliases。

还要确保返回类型应该是异步函数中的承诺。

并且catch关键字应该替换为else，但不需要else。

import os from 'os';

type foo = any;

export default async function doSomething(): Promise<foo | null> {
  if(os.type() === 'some os') {
    // "platform-dependent-module" exposes type "foo"
    const module = await import("platform-dependent-module");
    // do stuff
    return bar; // bar is of type foo
  }
  return null;
}