You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.15 22:30:55