Strange error with Vue 3 when using EditorContent from installed package (works with local copy)
See original GitHub issueWhat happens? When using the Vue 3 EditorContent from installed @tiptap/vue-3 package, I’m getting these two errors (second one twice):
[Vue warn]: onBeforeUnmount is called when there is no active component instance to be associated with. Lifecycle injection APIs can only be used during execution of setup(). If you are using async setup(), make sure to register lifecycle hooks before the first await statement.
[Vue warn]: Missing ref owner context. ref cannot be used on hoisted vnodes. A vnode with ref must be created inside the render function.
They seem to be related to this based on the traceback: https://github.com/ueberdosis/tiptap-next/blob/6bafc182156f52f6463cdce29b218f53df507297/packages/vue-3/src/EditorContent.ts#L56
Which is almost identical to my original implementation of EditorContent and so it should work 🤨
I copied EditorContent.ts
locally to try to debug (changing line 15 to import { Editor } from '@tiptap/vue-3';
) an importing that instead but then it just works completely unchanged…
Absolutely baffled by this one. Anyone have any idea what could be happening?
How can others reproduce the issue? Unable to reproduce at this time.
Issue Analytics
- State:
- Created 3 years ago
- Comments:7 (4 by maintainers)
It seems it was some conflict locally, initial upgrade didn’t fix it but then I deleted node_modules and package-lock.json and reinstalled, works now. Thanks!
I’m not sure if something related has changed but can you try this again with the latest version?