[Vue warn] : Class constructor Node cannot be invoked without 'new'

Describe the bug Vue compiler complains when trying to follow any examples with custom extensions

Steps to Reproduce / Codesandbox Example Steps to reproduce the behavior:

1. create Iframe.js in src/components/ directory using the code here
2. add import Iframe from '../Iframe.js' in Vue component
3. add new Iframe() under extensions in Tiptap Editor initialization

Expected behavior a new Extension class should be made available for import into the Tiptap instance

Screenshots n/a

Environment

• OS: Mac OS 10.14.6
• Browser : Chrome
• Version: 86.0.4238.2
• Desktop
• Vue.js 2.6.10
• “tiptap”: “^1.29.6”,
• “tiptap-extensions”: “^1.32.5”,

Additional context Something tells me this has to do with eslint or babel config settings but I’m not sure where to start. that kind of config is a bit over my head. I’ve done some searching on how to enable ES6 classes in a Vue setup but couldn’t figure it out after trying for a couple hours. Thanks!

[tobiasfuhlroth]

@madebycaliper @hanspagel I don’t think that @babel/preset-env is the key to the solution here, as @vue/cli-plugin-babel (given that you use vue-cli) already configures a project like that.

See https://github.com/ueberdosis/tiptap/issues/521#issuecomment-698250601 for the solution that worked for me.

[madebycaliper]

@tobiasfuhlroth thanks for this. I’ll investigate when I have a chance 👍