Dompurify Error - "Could not load dompurify: ChunkLoadError: Loading chunk 1 failed."

Hello, I’m getting an error with dompurify

const options = {
    orientation: "landscape",
    unit: "in",
    format: [3.93, 0.98]
}
const doc = new jsPDF({options});
doc.html(renderToString(printLayout), {
    callback: () => {
        doc.save();
    }
})

printLayout is a variable with JSX inside. renderToString returns a HTML String from printLayout.

How do I get rid of the error? Thanks.

[davidmine]

@GunsyX , try this and let us know if it works

install dompurify and html2canvas with npm

Then use this code instead

import dompurify from 'dompurify';
import html2canvas from 'html2canvas';

const options = {
    orientation: "landscape",
    unit: "in",
    format: [3.93, 0.98]
}
const doc = new jsPDF({options});
doc.html(renderToString(printLayout), {
    callback: () => {
        doc.save();
    },
    html2canvas: html2canvas,
    dompurify: dompurify,
})

[prasheel888]

@GunsyX , try this and let us know if it works

install dompurify and html2canvas with npm

Then use this code instead

import dompurify from 'dompurify';
import html2canvas from 'html2canvas';

const options = {
    orientation: "landscape",
    unit: "in",
    format: [3.93, 0.98]
}
const doc = new jsPDF({options});
doc.html(renderToString(printLayout), {
    callback: () => {
        doc.save();
    },
    html2canvas: html2canvas,
    dompurify: dompurify,
})

Error Gone but not getting CSS from External File, while Inline CSS Works! any suggestion man?