调用jsPDF的保存方法时出现TypeError Arg 1

Question

我在当前正在处理的 React 项目中有一个非常简单的 jsPDF 实现。只是尝试运行示例 'hello world' 代码，但保存方法抛出以下错误：

我的代码很简单，首先，像这样导入库：

import jsPDF from 'jspdf';

然后在组件的点击事件函数上

<IOControls exportDrawing={this.exportDrawing} />

我运行:

exportDrawing() {
    const doc = new jsPDF();
    doc.text('Hello World!', 10, 10);
    console.log(doc); // shows an object
    doc.save('a4.pdf');
}

上述错误在 save() 上触发，但我不知道到底是什么导致了它。

任何帮助将不胜感激。

更新我只是注意到，如果我在我的应用程序组件的根目录调用方法，代码工作正常，当从其他组件中调用它时会出现问题。

这是我的设置

<App>
  <Sketch>
    <SketchControls>
    <IOControls>

exportDrawing() 在 <Sketch> 中声明，它由 <IOControls>

中的按钮触发

Answer 1

事实证明，另一个库中的方法导致了范围问题。

我正在使用为 window DOM 元素提供范围的 paperjs library as my drawing engine. I called the paper.install(window) 方法。通过删除此调用 jspdf 有效。

调用jsPDF的保存方法时出现TypeError Arg 1

Getting TypeError Arg 1 when calling save method of jsPDF

javascript

jspdf

reactjs