vue.js - 使用 nuxtJS + Vue2-Editor 时如何解决文档未定义错误?

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

我正在尝试使用 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' },
]

最佳答案

let VueEditor

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

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

关于vue.js - 使用 nuxtJS + Vue2-Editor 时如何解决文档未定义错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56805180/

相关文章:

javascript - 相同功能按钮,但分别使用 Vue 和 Vuetify

javascript - 如何在从根遍历到json树的目标 Node 时插入键?

vue.js - Nuxtjs包安装babel报错

vue.js - Nuxt : how can I get sourcemap files and where can I find them in production?

vue.js - 在 Windows 10 上禁用了 NPM run dev 未编译带有用户错误通知的 Assets

vue.js - Vue3动态渲染

performance - 在大数据集上使用v-model时如何让vuejs响应更快

vuejs2 - 验证 : Navigation drawer: communicate v-model changes to parent co

vue.js - 如何在 VueJs 中将 child 渲染到指定的命名插槽中?

javascript - Nuxtjs 无法在本地主机 :5000 but its working in 127. 0.0.1:5000 中工作