Uncaught (in promise) Error: nodebuffer is not supported by this platform

[abin-zh]

I'm using it in Vue3 + Tiptap
I wrote a code like #4，but get Uncaught (in promise) Error: nodebuffer is not supported by this platform

const exportDocx = async () => {
  if (!editor.value) return

  const nodeSerializer = {
    ...defaultNodes,
    hardBreak: defaultNodes.hard_break,
    codeBlock: defaultNodes.code_block,
    orderedList: defaultNodes.ordered_list,
    listItem: defaultNodes.list_item,
    bulletList: defaultNodes.bullet_list,
    horizontalRule: defaultNodes.horizontal_rule,
  };

  const myDocxSerializer = new DocxSerializer(nodeSerializer, defaultMarks);

  const opts = {
    getImageBuffer(src: string) {
      return new Uint8Array([1, 2, 3]);
    },
  };

  const wordDocument = myDocxSerializer.serialize(editor.value.state.doc, opts);

  writeDocx(wordDocument, (buffer) => {
    // use buffer
  });
}

[NitroRCr]

I just encountered this problem too.

Browser doesn't support node buffer. But since the return of serialize is the Document from docx package, we can directly use Packer from docx to export it as Blob:

import { Packer } from 'docx'

const wordDocument = myDocxSerializer.serialize(editor.value.state.doc, opts)
const blob = await Packer.toBlob(wordDocument)