How to solve document not defined error when using nuxtJS + Vue2-Editor?

Question

I am trying to setup nuxtjs app with vue2-editor.if I try navigating to editor page via client navigation its loading but if i visit or refresh(eg.com/editor) page directly .i am getting document not defined error.

I have identified it because vue2 editor does not support ssr but i have disable it in nuxt-config.js for only client side.but error not going away.please share what i am doing wrong?

//plugin.quill-editor.js

import Vue from 'vue'

if (process.client) {
    const VueEditor = require('vue2-editor') //tried normal import as wel
    Vue.use(VueEditor)
}

//nuxt.config.js
plugins: [
   { src: '@plugins/quill-editor.js', mode: 'client' },
]

sudhakar selva · Accepted Answer · 2019-06-28 11:14:57Z

3

let VueEditor

if (process.client) {
    VueEditor = require('vue2-editor').VueEditor
}

not doing anything in nuxt config or any plugin. only import method changed. its working now but i am still wondering why it is not working when i disable ssr in nuxt -config.js file

answered Jun 28, 2019 at 11:14

sudhakar selva

3975 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

kissu Over a year ago

PS: please do not use require in 2021. More up to date answer available here.

Ahad · Accepted Answer · 2023-01-31 08:51:19Z

0

I solved this issue by adding

ssr: false

in nuxt.config.js because vue2 doesn't support server-side rendering

answered Jan 31, 2023 at 8:51

Ahad

1191 silver badge6 bronze badges

Collectives™ on Stack Overflow

How to solve document not defined error when using nuxtJS + Vue2-Editor?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related