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

[GunsyX]

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.

[HackbrettXXX]

Did you load/install dompurify properly?

[GunsyX]

Did you load/install dompurify properly?

I thought installing jsPDF would install dompurify too, I tried manually installing dompurify, same error, I used html2canvas way, and same error, chunk load error with html2canvas.
Reinstalled jsPDF, along w manually installing dompurify and html2canvas multiple times, same issue.

[HackbrettXXX]

Then this sounds like an issue with your build tool chain. What tool chain are you using?

[sofiansamamr]

I Have the Same problem

and this is my code
var doc = new jsPDF('p', 'pt', 'a4');

    //doc.setLanguage("ar");
    //doc.setR2L(true)
    doc.html(this.test(), {
      margin: 5,
      x: 0,
      y: 10,
      callback: function (doc) {
  
        var blob = doc.output("blob");
        window.open(URL.createObjectURL(blob));
        //doc.save();
        doc.close();
      },
    });

knowing that the method test returned an HTML Table

[rjtubera]

following, i'm also experiencing the same issue. Thanks

[HackbrettXXX]

Please provide a complete sample project so we can reproduce the issue.

[shivendrahandysolver]

I am also facing this issue. I am using laravel mix

[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,
})

[HackbrettXXX]

Closing this because of missing repro. Reopen, if you think this is a bug in jsPDF and can provide a complete repro.

[DeekshithShetty]

Any updates on this issue? I am getting the same error when I try to use the html() method.

Uncaught SyntaxError: Unexpected token '<' (at 1.js:1:1)
vue.runtime.esm.js:619 [Vue warn]: Error in v-on handler (Promise/async): "Error: Could not load dompurify: ChunkLoadError: Loading chunk 1 failed.

[prasheel888]

Also having the Same issue, it works properly on localhost but not on hosted environment

[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?