SharePoint/JS环境下HTML2PDF批量生成PDF失败问题求助

看起来你遇到的是异步操作冲突和浏览器下载机制限制的问题——html2pdf是基于Promise的异步工具，连续同步调用时，多个实例会抢占资源，加上浏览器对连续下载的限制，导致后续PDF无法触发下载。下面是针对JavaScript/SharePoint环境的解决方案：

1. 改造生成函数为异步函数 #

首先把你的PPRToPDF修改为返回Promise的异步函数，确保每个PDF生成完成后再执行下一个：

async function PPRToPDF(title) {
  const fileName = `${title}.pdf`;
  console.log(`PPRToPDF - FileName = ${fileName}`);
  try {
    const pprTab = $("#pprContent").html();
    // 等待html2pdf完成生成和下载
    await html2pdf(pprTab, {
      margin: [.5, .9, .5, .5],
      filename: fileName,
      html2canvas: { dpi: 300, letterRendering: true},
      jsPDF: { unit: 'in', format: 'letter', orientation: 'landscape' }
    });
  } catch(e){
    console.error(`生成${fileName}时出错:`, e);
    alert(`生成PDF失败: ${e.message}`);
  }
}

2. 批量生成时按顺序执行 #

使用async/await循环来逐个生成PDF，避免并行操作冲突：

async function generateAllPDFs(pdfTitles) {
  // 遍历所有标题，逐个生成
  for (const title of pdfTitles) {
    // 如果每次生成前需要切换#pprContent的内容，在这里先处理DOM更新
    // 比如切换到对应的标签页、加载对应内容，确保DOM更新完成后再生成
    // await updatePprContent(title);
    
    await PPRToPDF(title);
  }
}

// 调用示例：比如生成三个PDF
// generateAllPDFs(["Q1报表", "Q2报表", "年度汇总"]);

关键原因说明 #

• html2pdf内部依赖html2canvas和jsPDF，都是异步操作，同步连续调用会导致多个实例同时操作DOM或触发下载API，浏览器会拦截后续的下载请求。
• 用await确保每个PDF的生成和下载流程完全结束后，再启动下一个，避免资源冲突和浏览器限制。

关于html2pdf文档 #

虽然官方文档比较简洁，但你可以查看html2pdf的GitHub仓库中的README文件和examples目录，里面有不少实用的使用示例；另外仓库的Issues区也有很多用户遇到的类似批量生成问题，你可以搜索相关关键词找到更多解决方案。

内容的提问来源于stack exchange，提问作者Bill