[Bug]: how to defined async commands

[dingshaohua-com]

Affected Packages

core

Version(s)

2.8.0

Bug Description

this dispatch is not execute,why?
how to defined async commands?

Browser Used

Chrome

Code Example URL

No response

Expected Behavior

nomal

Additional Context (Optional)

No response

Dependency Updates

• Yes, I've updated all my dependencies.

[nperez0111]

Please don't cross-post. You asked this in Github issues, discussions and Discord.

So the issue here is that you're trying to dispatch in a Promise and Tiptap's chain runs synchronously, therefore your dispatch is not executed.

The solution would be to do something like this:

addCommands() {
  return {
    uploadImg: () => (arg) => {
      openFileWindow().then(async (imgFile) => {
        ...
        editor.chain().insertContentAt(0, paragraphNode).run();
      })
    }
  }
}