Question

为什么我会在标题中描述错误，即使我没有明确使用＆＃f;＆＃39;
我尝试了2个库＆dynamic; html-pdf＆＃39;和＆＃39;幻影-html2pdf＆＃39;在客户端从HTML生成pdf但我得到相同的错误。我在内部知道这些库都使用＆＃34; fs＆＃34;。
我究竟做错了什么？我看到的大部分答案都谈到了将以下代码中的任何一个放入webpack.config.js中

target: 'node'

或

node: { fs: "empty" }

这似乎是编译代码但在运行时我得到标题中描述的相同错误。

我的TypeScript代码：

import pdf from "phantom-html2pdf";

function DownloadPdf() {
    alert("Message from PDF.ts");

    var pdfOptions = {
        'html': '<!DOCTYPE html><html lang="en"><body><h1>Hello</h1><p>World</p></body></html>',
        'papersize': { format: 'A4', orientation: 'portrait', border: '1cm' }
    };

    pdf.convert(pdfOptions, function (err, result) {

        /* Using a buffer and callback */
        result.toBuffer(function (returnedBuffer) { });

        /* Using a readable stream */
        var stream = result.toStream();

        /* Using the temp file path */
        var tmpPath = result.getTmpPath();

        /* Using the file writer and callback */
        result.toFile("/path/to/file.pdf", function () { });
    });
}

document.getElementById('Pdf').addEventListener('click', DownloadPdf);

未捕获的ReferenceError：在eval中未定义require（外部_＆＃34; fs＆＃34;：1）

0 个答案: