Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/oop/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ionic framework jsPDF未定义为3_Ionic Framework_Npm_Jspdf_Jspdf Autotable - Fatal编程技术网

Ionic framework jsPDF未定义为3

Ionic framework jsPDF未定义为3,ionic-framework,npm,jspdf,jspdf-autotable,Ionic Framework,Npm,Jspdf,Jspdf Autotable,我正在尝试使用我通过安装的jspdf自动表格模块 npm安装jspdf jspdf自动表格 为了在我的离子组件中使用模块,我做了以下操作: declare let jsPDF; 然后,我在我的组件中继续使用jspdf自动表回购中的一些示例代码: createReport() { let columns = ["ID", "Name", "Age", "City"] let data = [ [1, "Jonathan", 25, "Gothenburg"],

我正在尝试使用我通过安装的jspdf自动表格模块

npm安装jspdf jspdf自动表格

为了在我的离子组件中使用模块,我做了以下操作:

declare let jsPDF;
然后,我在我的组件中继续使用jspdf自动表回购中的一些示例代码:

  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未定义


如何正确导入jspdf自动表?非常感谢您提供的任何帮助

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

import * as jsPDF from 'jspdf'

declare var jsPDF: any;

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

这最终对我起了作用:

import * as jsPDF from 'jspdf'
import 'jspdf-autotable'
出于某种原因,仅按以下方式指定行和列是可行的:

var columns = [
    {title: "ID", dataKey: "id"},
    {title: "Name", dataKey: "name"}, 
    {title: "Country", dataKey: "country"}, 
    ...
];
var rows = [
    {"id": 1, "name": "Shaw", "country": "Tanzania", ...},
    {"id": 2, "name": "Nelson", "country": "Kazakhstan", ...},
    {"id": 3, "name": "Garcia", "country": "Madagascar", ...},
    ...
];

感谢@jraspante的建议,但是我在使用WebStorm时遇到以下错误:导入声明与“jsPDF”的本地声明冲突请尝试删除全局声明