Editor: Uncaught (in promise) TypeError: module is not a constructor

[medusiora]

Describe the bug

Can not load quill module in dev mode, But it works on production mode.

Error message

dependencies

...
"nuxt": "^3.5.0",
...

devDependencies

...
"unplugin-vue-components": "^0.24.0",
"primeicons": "^6.0.1",
"primevue": "^3.18.1",
"quill": "^1.3.7",
...

Node.js version v18.16.0

Reproducer

Nuxt 3

PrimeVue version

3.29.1

Vue version

3.x

Language

TypeScript

Build / Runtime

Nuxt

Browser(s)

Chrome

Steps to reproduce the behavior

Error when init Editor component

Expected behavior

No response

[jeverduzco]

I have the same problem.

Reproduction link: https://stackblitz.com/edit/nuxt-starter-u1qmpk

[michastubi]

I have exacly the same error, with an identical configuration.

[rkelly90]

same

[brianmhlanga]

Having the same issue, anyone with a workaround

[chris-pynegar]

I worked around this by adding the following import to primevue.ts:

import Quill from 'quill'

[thewebdevelopers]

I worked around this by adding the following import to primevue.ts:

import Quill from 'quill'

Can confirm, adding this to my primevue Nuxt plugin fixes the Editor component. Thanks @chris-pynegar

[brianmhlanga]

Thanks for the work around @chris-pynegar

[adiramardiani]

any update on this issue @mertsincan ? for now I disable unstyled, and editor workswell <Editor v-model="value" editorStyle="height: 320px" :unstyled="false" />

but yes, we need editor on unstyle too, I think on documentation need to show code sample to work on all available icon/toolbar from this editor icon if use unstyle is enable

I think this issue must move to another version greater than 3.31 because this version is released

[Dubemtopsite]

import Quill from 'quill'

Having same issue and have tried this but stil not working

[ethanolle]

Thanks @chris-pynegar

[cberthiaume]

Same issue here.

[Kelileis]

I worked around this by adding the following import to primevue.ts:

import Quill from 'quill'

Thanks!

[brianmhlanga]

@Dubemtopsite try doing this if the import only is not working

import Quill from 'quill'

export default defineNuxtPlugin((nuxtApp) => { nuxtApp.vueApp.use(Quill); )} you will get an error, then you remove the export. It works for me.

[xscasnya]

I am having the same issue, any update here ?

[Dubemtopsite]

@Dubemtopsite try doing this if the import only is not working

import Quill from 'quill'

export default defineNuxtPlugin((nuxtApp) => { nuxtApp.vueApp.use(Quill); )} you will get an error, then you remove the export. It works for me.

Thanks for the reply but I have already moved on with CKeditor

[krishnasinghrathore]

Hi,

I was facing same issue for a long time, now having following solution which is working as normal Quill editor.

in Githubissues.

Githubissues is a development platform for aggregating issues.