element-tiptap icon indicating copy to clipboard operation
element-tiptap copied to clipboard

$listeners, $attrs is readonly - Duplicate Vue Instance

Open Timoms opened this issue 3 years ago • 0 comments

Its not really a bug but a thing many people will encounter when preparing for production build. ElementUI and / or element-tiptap will create another instance of Vue, thus resulting in many readonly errors.

It is easy to fix tho.

To Reproduce Steps to reproduce the behavior:

  1. Use Webpack, ElementUI and Element-TipTap
  2. Run it
  3. Let the Editor create itself - you should see Vue 2 errors.

Expected behavior I don't really expect anything other than how it currently is. I've really struggled identifying the problem because the error occured on many parts of my app - because the editor created Vue - so its throwing errors on anything that gets manipulated.

Nevertheless, I've removed ElemTipTap and the error vanished.

Desktop (please complete the following information):

  • OS: Currently on Windows but it should apply to Linux or Mac according to some Git issues
  • Browser: Electron, Chromium - But should occur on normal SPA in browser aswell.
  • Version: 83, 9.1.0

Additional context To resolve this problem, you need to whitelist the modules in your webpack config. const whiteListedModules = ['vue', 'vuetify', 'element-ui', 'element-tiptap']

This should resolve the problem after re-running the project.

Timoms avatar Jan 03 '21 15:01 Timoms