6

我在 Angular 7 中使用动态导入来减小初始供应商捆绑包的大小。

import('xlsx').then(XLSX => {
    const wb: XLSX.WorkBook = XLSX.read(bstr, { type: 'binary' });
})

XLSX.WorkBook但是“找不到命名空间 XLSX”的类型有错误。
XLSX.read 工作正常。

问题:使用动态导入时如何定义类型?

4

2 回答 2

8

XLSX只会表示导入的值,而不是类型。

你有两个选择。

使用导入类型:

import('xlsx').then(XLSX => {
    const wb: import('xlsx').WorkBook = XLSX.read(bstr, { type: 'binary' });
})

你可以定义一个类型别名来使这更容易:type WorkBook = import('xlsx').WorkBook

导入类型:

import { WorkBook } from 'xlsx' // Just for the type, will be elided in this example

import('xlsx').then(XLSX => {
    const wb: WorkBook = XLSX.read(bstr, { type: 'binary' });
})

第二个选项更难正确,如果你只使用类型中的静态导入的导入,则应该省略导入语句(即不输出到 JS)。一旦您在表达式中使用静态导入中的任何导入(即,将在 JS 中结束的任何位置),导入将不会被忽略。查看更多关于被省略的模块

于 2019-01-16T10:31:27.840 回答
0

我不知道你的背景,所以我想两件事:

  1. 您在别处定义了 XLSX 类型,但 XLSX 参数变量隐藏了外部变量。为避免阴影,只需为参数变量使用另一个名称(例如,在前面加上下划线):

    import('xlsx').then(_XLSX => {
        const wb: XLSX.WorkBook = _XLSX.read(bstr, { type: 'binary' });
    })
    
  2. 你认为那XLSX.WorkBook是一种类型,但它不是!XLSX 是一个 javascript 库,而 javascript 没有类型的概念。此外,在使用 TypeScript 时,它会被转译为 javascript,并且有关类型的任何信息都会丢失。这个问题没有解决方案,但可能您必须从其他地方导入类型,例如 DefinetelyTyped。只需在组件中导入类型,然后您就可以使用它。

于 2019-01-16T10:30:32.113 回答