Nuxt 报错 Window not defined 踩坑解决方案（wangeditor 之类富文本编辑器）

问题

nuxt2, 使用 wangeditor 报错

referenceerror window is not defined nextjs wangEdit

排查发现是：

解决

思路在于，要在浏览器环境下再去加载富文本组件

  mounted() {
    const XRichText = require('@/components/quill-editor/quill-editor.vue')
    // this.$options.components = { XRichText }  会导致原本在this.$options.components 原型链上的全局组件丢失，导致报错
    this.$options.components.XRichText = XRichText.default
    this.isClient = true
  }