如何动态导入命名导出 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