如何动态导入命名导出TypeScript

Question

const { SchemaLink } = require('apollo-link-schema')

我试过const { SchemaLink } = import('apollo-link-schema')，但它不起作用。ESLint仍然显示错误@typescript-eslint/explicit-function-return-type

如何在TypeScript中动态导入命名导出？

Answer 1

与require不同，JavaScript的动态import是异步的，返回指定模块的Promise。因此，只有在Promise成功解析之后，模块及其导出才可用。我们可以直接使用标准的Promise API

import('apollo-link-schema').then(({ SchemaLink }) => {
  // Use SchemaLink here
});

此外，通过利用async/await，我们可以编写

const { SchemaLink } = await import('apollo-link-schema');
// Use SchemaLink here