question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Strange error with Vue 3 when using EditorContent from installed package (works with local copy)

See original GitHub issue

What 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:closed
  • Created 3 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
samwilliscommented, Mar 6, 2021

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!

0reactions
philippkuehncommented, Mar 5, 2021

I’m not sure if something related has changed but can you try this again with the latest version?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Strange error with Vue 3 when using EditorContent ... - GitHub
When using the Vue 3 EditorContent from installed @tiptap/vue-3 package, ... 3 when using EditorContent from installed package (works with local copy) #1122....
Read more >
export 'default' not found when importing package with vuejs ...
I've installed a new laravel 8 jetstream with inertia and trying to use tiptap for wysiwy but webpack is giving the error below:....
Read more >
Vue.js 3 WYSIWYG – Tiptap Editor
Vue.js 3. Introduction; Requirements; 1. Create a project (optional); 2. Install the dependencies; 3. Create a new component; 4. Add it to your...
Read more >
VS Code ESLint extension - Visual Studio Marketplace
The extension uses the ESLint library installed in the opened workspace folder. If the folder doesn't provide one the extension looks for a...
Read more >
Component simplifies integration tiptap editor with vuetify
Use the component in the right place of the template --> <tiptap-vuetify ... </h1> <p>All these <strong>cool tags</strong> are working now.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found