React中使用jsPDF生成PDF报错:构造函数名称不能小写开头
问题分析与解决
基础语法错误:变量声明拼写错误
代码第一行的consy是笔误,必须改为const,这是导致代码解析异常的首要问题。构造函数名称错误的核心原因:导入方式不符
错误提示「A constructor name should not start with a lowercase letter」,说明你实际调用的是小写的构造函数jspdf,而非官方要求的大写jsPDF。问题出在jsPDF的导入环节:
错误导入示例:import jspdf from 'jspdf'正确导入方式:
import jsPDF from 'jspdf'只有保持导入的变量名为大写
jsPDF,代码里的new jsPDF()才能正确匹配官方提供的构造函数。修正后的完整代码示例
const myComponent = () => { const pdfGenerator = () => { const doc = new jsPDF(); doc.text('Hello world', 10, 10); doc.save('name.pdf'); } return ( <button onClick={pdfGenerator} type='button'>Download</button> ) } export default myComponent;
内容的提问来源于stack exchange,提问作者gtd360
相关产品推荐
相关产品推荐

