Ionic framework jsPDF未定义为3
我正在尝试使用我通过安装的jspdf自动表格模块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"],
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”的本地声明冲突请尝试删除全局声明