jquery - html-pdf : css and js files do not appear to be processing

Question

我正在制作一个网页，使用 jquery 在 document.ready 上加载页面，使用 css 格式化页面，使用 node.js http 从服务器检索页面，使用 html-pdf 将 html 转换为 pdf 文件。从这一点开始，我将文件作为电子邮件附件发送。最终目标是创建发票。问题是 css 和 js 在外部文件中时似乎没有被处理。我宁愿保留在外部文件中，但需要 jquery 来填充 document.ready 上的页面和 css 以正确格式化页面。此外，我将 cheerio 添加到组合中以查看是否可以确保处理正确发生并且它没有帮助。代码概述如下:

email sending code:
    var transporter = nodemailer.createTransport({
        service: 'gmail',
        host: this.hostname,
        auth: {
            user: this.smtpusername,
            pass: this.smtppassword
        }
    });

    var mailOptions = {
        from: fromaddress, // sender address
        to: toaddresslist, // list of receivers
        subject: subject, // Subject line
        html: text
    };

    if (attachments){
        mailOptions.attachments = [
            {   // binary buffer as an attachment
                filename: 'invoice.pdf',
                content: attachments,
                contentType: 'application/pdf',
                encoding: 'base64'
            }
        ];
    }

html conversion code:
                let body = [];
                var options = {
                  host: 'localhost',
                  path: '/invoice/' + invoiceid,
                  port: '3000'
                };

                http.request(options, function(response){
                  response.on('data', function (chunk) {
                      body.push(chunk);
                  });

                  response.on('end', function () {
                    let buffer = '';
                    buffer = Buffer.concat(body).toString();
                    let $ = cheerio.load(buffer);
                    let newdocument = $.html();
                    console.log(newdocument);

                    pdf.create(newdocument, {
                        directory: "tmp",
                        format: "letter",
                        orientation: "portrait",
                        zoomFactor: ".5", // default is 1 
                        type: "pdf",
                        quality: "75"
                    }).toBuffer(function(err, newbuffer){
                        if (err){
                            reject(err);
                        }

                        if (Buffer.isBuffer(newbuffer)){
                            resolve(newbuffer);
                        } else {
                            reject(new Error('The pdf file could not be generated at this time.  Please try again later.'));
                        }
                    });
                  });
                })
                .end();

当我查看电子邮件时，我收到了 pdf，但其中并没有填充我期望从 api 调用中获得的数据，而且格式也有偏差。我试图将 css 代码移到文档中以进行测试，尽管 css 仍然处于关闭状态，但很明显它能够在这种情况下看到 css。

1)如何获取html-pdf包来识别和处理外部css和js文件？

2) html-pdf 使用什么类型的 html 格式，div 还是表格？

Answer 1

您使用的是基本选项吗？你的css和js在服务器上可用吗？您的 javascript 是否也是一个长时间运行的脚本，可能使用 ajax 或任何需要时间的东西？不确定 html-pdf 有多好，但它可能不会等待 js 完成，一些库有这样的选项:

   // Rendering options 
      "base": "file:///home/www/your-asset-path", // Base path that's used to load files (images, css, js) when they aren't referenced using a host

https://www.npmjs.com/package/html-pdf