使用 nuxtJS + Vue2-Editor 时如何解决文档未定义错误？答案

【问题标题】：How to solve document not defined error when using nuxtJS + Vue2-Editor?使用 nuxtJS + Vue2-Editor 时如何解决文档未定义错误？
【发布时间】：2019-11-10 07:27:06
【问题描述】：

我正在尝试使用 vue2-editor 设置 nuxtjs 应用程序。如果我尝试通过客户端导航导航到编辑器页面，它的加载但是如果我直接访问或刷新（例如.com/editor）页面。我得到文档未定义错误.

我已经确定它是因为 vue2 编辑器不支持 ssr，但我在 nuxt-config.js 中仅为客户端禁用了它。但错误不会消失。请分享我做错了什么？

//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' },
]

【问题讨论】：

标签： vue.js vuejs2 nuxt.js server-side-rendering

【解决方案1】：

let VueEditor

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

在 nuxt 配置或任何插件中没有做任何事情。只改变了导入方法。它现在可以工作，但我仍然想知道为什么当我在 nuxt -config.js 文件中禁用 ssr 时它不工作

【讨论】：

PS：请不要在2021年使用require。更多最新答案可用here。