element-tiptap
element-tiptap copied to clipboard
$listeners, $attrs is readonly - Duplicate Vue Instance
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:
- Use Webpack, ElementUI and Element-TipTap
- Run it
- 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.