在SAP Business Application Studio中导入jspdf及autotable报错求助

DevOps 小满

2026-10-1

解决方案

1. 修复manifest.json重复依赖冲突

你当前在manifest的libs配置中同时加载了jspdf.js、jspdf.min.js、jspdf.umd.min.js多个版本的jspdf核心库，重复加载会导致插件绑定的实例被覆盖，直接清理冗余配置，仅保留适配UI5模块加载的umd版本和autotable插件：

"resources": {
  "css": [
    {
      "uri": "css/style.css"
    }
  ],
  "libs": [
    {
      "uri": "libs/jspdf.umd.min.js"
    },
    {
      "uri": "libs/jspdf.plugin.autotable.js"
    }
  ]
}

2. 修正控制器引入逻辑

核心问题修复点：

原代码中sap.ui.define的依赖列表和回调参数顺序错位，导致拿到的jspdf变量不是正确的实例
不存在的jspdf_debug.js依赖直接删除，废弃的jQuery.sap.requireAPI停止使用
手动将autotable插件绑定到jsPDF的原型上，确保实例可以调用autoTable方法

修正后的控制器代码：

sap.ui.define([
    "sap/ui/core/mvc/Controller",
    "../model/formatter",
    "sap/ui/core/Fragment",
    "../libs/jspdf.umd",
    "../libs/jspdf.plugin.autotable"
],
function (Controller, formatter, Fragment, jspdf, autoTable) {
    "use strict";

    // 绑定autotable插件到jsPDF实例
    if (jspdf?.jsPDF) {
        jspdf.jsPDF.prototype.autoTable = autoTable;
    }

    // 后续使用示例
    // const doc = new jspdf.jsPDF();
    // doc.autoTable({
    //   head: [['名称', '数值']],
    //   body: [['测试项1', '100'], ['测试项2', '200']]
    // });
    // doc.save('导出文件.pdf');