为 React Typescript 导入包时不是构造函数错误

Question

我在一个使用 React 和 Typescript 的项目上工作。我正在尝试导入一个包，运行该文件时出现的错误是该包没有构造函数。

我注意到许多包中的错误，我想问一下是否有办法让它们工作，而不是试图找到另一个具有构造函数的包。

我现在正在测试的包称为jsPDF

未捕获的类型错误：jspdf_1.default 不是构造函数

我的代码是

import jsPDF from 'jspdf';

export default class DataModelPage extends React.Component<any, any> {

public render(){
    let doc = new jsPDF()

    doc.text('Hello world!', 10, 10)
    doc.save('a4.pdf')

    return (
        <div>...</div>
    )
}

Answer 1

使用以下语法导入时，您依赖于模块中的默认导出：

import jsPDF from 'jspdf';

在许多情况下，没有默认导出（老实说，我更喜欢这种方式，因为您可以明确自己的依赖项）-因此您需要使用...

import * as jsPDF from 'jspdf';

或者...

import { justTheThingIWant } from 'jspdf';

（其中 justTheThingIWant 是您想要的东西的名称。