Problem beim Importieren von Bildern aus PHP in PDFKit im Browser – fs.readFileSync ist keine Funktion ⇐ Php

[Anonymous]

Ich arbeite mit PDFKit in einer Browserumgebung und versuche, ein PDF-Dokument mit Bildern zu generieren, die von einem PHP-Backend abgerufen wurden. Beim Versuch, diese Bilder zu laden, tritt ein Problem auf, das den folgenden Fehler verursacht:

TypeError: fs.readFileSync is not a function

Hier ist, was ich mache: Ich habe viele andere Optionen ausprobiert, von der einfachsten aus der PDF-Kit-Dokumentation bis hin zu anderen Optionen, aber das hat bei mir nicht funktioniert.
Hier ist mein Code:
document.getElementById("generate-pdf").addEventListener("click", async function () {
const doc = new PDFDocument({size: 'A4', margins: { top: 30, left: 30, right: 30, bottom: 80 }});
const stream = doc.pipe(blobStream());

const wakaImageUrl = ""; const coverImageUrl = "";

const response = await fetch(wakaImageUrl);
const wakaImageBuffer = await response.arrayBuffer();
doc.image(wakaImageBuffer, 50, 50, { width: 200 });
…

doc.end();
stream.on("finish", function () {
const url = stream.toBlobURL("application/pdf");
const a = document.createElement("a");
a.href = url;
a.download = "fiche_film.pdf";
a.click();
});
});

Ich habe auch versucht:
const wakaImageResponse = await fetch("");
const wakaImageBlob = await wakaImageResponse.blob();
const wakaImageURL = URL.createObjectURL(wakaImageBlob);

const coverImageResponse = await fetch("");
const coverImageBlob = await coverImageResponse.blob();
const coverImageURL = URL.createObjectURL(coverImageBlob);

doc.image(wakaImageURL, 50, 50, { width: 200 });
doc.image(coverImageURL, 100, 200, { fit: [400, 300], align: 'center', valign: 'top' });

Wie kann ich diese Bilder richtig in PDFKit importieren, um die Bilder im PDF dynamisch zu generieren? Das ist der letzte Schritt zu meinem Projekt und ich gebe zu, dass ich im Moment ziemlich verloren bin? Tut mir leid, wenn es eine dumme Frage ist, aber ich habe keine Antwort gefunden, die für mich funktioniert