readFileSync is not a function

When I am trying to use data: fs.readFileSync(“./demo/images/pizza.gif”) in Angular I get error message “readFileSync is not a function”

Thank you for raising an issue to docx

Please do not raise an issue unless it is an issue.

• Is your issue a feature request? Are you giving ideas to the community? Are you asking for help? Please raise a ticket in the Discussions section:

  https://github.com/dolanmiu/docx/discussions

• Is your issue a previously asked? Please respond to that thread instead

[devoidfury]

No, it only does docx.

[devoidfury]

fs.readFileSync is a nodejs function. It doesn’t work in the browser.

If you’re trying to load an image in the browser, one way to do it is:

async function urlToBlob(url) {
  return (await fetch(url)).blob();
}

async function generateDocx() {
  // ...
  new ImageRun({
    data: await urlToBlob(url_of_image),
    // ...
  })
  //
}