首页 > 解决方案 > jsPDF未定义离子3

问题描述

我正在尝试使用我通过安装的 jspdf-autotable 模块

npm install jspdf jspdf-autotable

要在我的 Ionic 组件中使用该模块,我执行了以下操作:

declare let jsPDF;

然后,我继续从组件中的 jspdf-autotable 存储库中获取一些示例代码:

  createReport() {
    let columns = ["ID", "Name", "Age", "City"]
    let data = [
      [1, "Jonathan", 25, "Gothenburg"],
      [2, "Simon", 23, "Gothenburg"],
      [3, "Hanna", 21, "Stockholm"]
    ]
    let doc = new jsPDF('p', 'pt');
    doc.autoTable(columns, data);
    doc.save("table.pdf");
  }

但是,在调用 createReport() 时,我收到以下错误消息: ReferenceError: jsPDF is not defined

如何正确导入 jspdf-autotable?任何帮助将不胜感激

标签: ionic-frameworknpmjspdfjspdf-autotable

解决方案


您需要导入插件并将 jsPDF 声明为组件中的全局变量。

import * as jsPDF from 'jspdf'

declare var jsPDF: any;

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})

推荐阅读