如何在Angular 7中使用jsPDF?获取jspdf\网页包\导入的模块\ 2 \ jspdf不是构造函数错误
我正在尝试在我的Angular 7.1.3项目中使用jsPDF My package.json如下(相关部分):如何在Angular 7中使用jsPDF?获取jspdf\网页包\导入的模块\ 2 \ jspdf不是构造函数错误,angular,jspdf,Angular,Jspdf,我正在尝试在我的Angular 7.1.3项目中使用jsPDF My package.json如下(相关部分): "dependencies": { "@angular/animations": "~7.1.0", "@angular/common": "~7.1.0", "@angular/compiler": "~7.1.0", "@angular/core": "~7.1.0", "@angular/forms": "~7.1.0", "@a
"dependencies": {
"@angular/animations": "~7.1.0",
"@angular/common": "~7.1.0",
"@angular/compiler": "~7.1.0",
"@angular/core": "~7.1.0",
"@angular/forms": "~7.1.0",
"@angular/platform-browser": "~7.1.0",
"@angular/platform-browser-dynamic": "~7.1.0",
"@angular/router": "~7.1.0",
"core-js": "^2.5.4",
"jspdf": "^1.5.3",
"rxjs": "~6.3.3",
"tslib": "^1.9.0",
"zone.js": "~0.8.26"
},
import { Component, ViewChild, ElementRef } from '@angular/core';
import { jsPDF } from 'jspdf';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'angular-html-pdf';
@ViewChild('pdfTable') pdfTable: ElementRef;
public downloadAsPDF() {
const doc = new jsPDF();
const specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
const pdfTable = this.pdfTable.nativeElement;
doc.fromHTML(pdfTable.innerHTML, 15, 15, {
width: 190,
'elementHandlers': specialElementHandlers
});
doc.save('tableToPdf.pdf');
}
}
我的组件:
"dependencies": {
"@angular/animations": "~7.1.0",
"@angular/common": "~7.1.0",
"@angular/compiler": "~7.1.0",
"@angular/core": "~7.1.0",
"@angular/forms": "~7.1.0",
"@angular/platform-browser": "~7.1.0",
"@angular/platform-browser-dynamic": "~7.1.0",
"@angular/router": "~7.1.0",
"core-js": "^2.5.4",
"jspdf": "^1.5.3",
"rxjs": "~6.3.3",
"tslib": "^1.9.0",
"zone.js": "~0.8.26"
},
import { Component, ViewChild, ElementRef } from '@angular/core';
import { jsPDF } from 'jspdf';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'angular-html-pdf';
@ViewChild('pdfTable') pdfTable: ElementRef;
public downloadAsPDF() {
const doc = new jsPDF();
const specialElementHandlers = {
'#editor': function (element, renderer) {
return true;
}
};
const pdfTable = this.pdfTable.nativeElement;
doc.fromHTML(pdfTable.innerHTML, 15, 15, {
width: 190,
'elementHandlers': specialElementHandlers
});
doc.save('tableToPdf.pdf');
}
}
没有编译时错误,但运行downloadAsPDF()函数会给出:
错误类型错误:“jspdf\uuu网页包\u导入的\u模块\uuuu.jspdf不是构造函数”错误是由导入语句引起的
从'jsPDF'导入{jsPDF}代码>
改为:
从“jsPDF”导入jsPDF代码>从“jsPDF”导入{jsPDF}代码>在角度9中工作得非常好。尝试从“jsPDF”导入*为jsPDF代码>我使用angular 10,这是有效的:const doc=new jspdf.jspdf()代码>