vue 3 default" is not exported

[Olegars]

vue 3
yarn build
"default" is not exported by "node_modules/quill-image-resize-module/image-resize.min.js", imported by "src/views/editor.vue".

5: import ImageResize from "quill-image-resize-module";
^

[LDY681]

vue 3 yarn build "default" is not exported by "node_modules/quill-image-resize-module/image-resize.min.js", imported by "src/views/editor.vue".

5: import ImageResize from "quill-image-resize-module";
^

import * as ImageResize from "quill-image-resize-module";
I am using Vite with Vue 2. This works for me and should be good with Vue 3 too.

[Hbin-Zhuang]

vue 3 yarn build "default" is not exported by "node_modules/quill-image-resize-module/image-resize.min.js", imported by "src/views/editor.vue".

5: import ImageResize from "quill-image-resize-module";
^

import * as ImageResize from "quill-image-resize-module"; I am using Vite with Vue 2. This works for me and should be good with Vue 3 too.

i got the new error of " quill.js:6130 Uncaught (in promise) TypeError: moduleClass is not a constructor" by using this

[lv23ji]

vue 3 yarn build "default" is not exported by "node_modules/quill-image-resize-module/image-resize.min.js", imported by "src/views/editor.vue".

5: import ImageResize from "quill-image-resize-module";
^

import * as ImageResize from "quill-image-resize-module"; I am using Vite with Vue 2. This works for me and should be good with Vue 3 too.

i got the new error of " quill.js:6130 Uncaught (in promise) TypeError: moduleClass is not a constructor" by using this

The correct way to use it is

import "quill-image-resize-module/image-resize.min.js"

[joekrump]

The solution that worked for me was:

import ImageResize from 'quill-image-resize-module';

//...

// Note the module is registered as `imageResize` not `ImageResize`
Quill.register('modules/imageResize', ImageResize);
// ...

const quill = new Quill(editorEl, {
    modules: {
       // Note: 'imageResize' (the name needs to match what it was registered as).
       imageResize: {
         modules: ['Resize', 'DisplaySize', 'Toolbar'],
      },
    }
});