Nuxt SSR vue -quill-редактор ReferenceError документ не определен - PullRequest
Новая
       55

Nuxt SSR vue -quill-редактор ReferenceError документ не определен

1 голос
/ 25 марта 2020

Я пытаюсь использовать Vue Quill Editor в моем проекте Nuxt SSR. Тем не менее, он дает мне «ReferenceError dcument not каталогов» 

<template>
  <section class="px-6">
    <h1>This is weird</h1>
    <no-ssr placeholder="Loading...">
      <p>startof</p>
      <quillEditor v-model="value" />
      <p>endof</p>
    </no-ssr>
  </section>
</template>

<script>
import 'quill/dist/quill.snow.css'
import { quillEditor } from 'vue-quill-editor'

export default {
  components: {
    // quillEditor
  },
  data: () => ({
    value: ''
  })
}
</script>

скриншот сообщения об ошибке

Я также попытался динамически импортировать компонент 

<template>
  <section class="px-6">
    <h1>This is weird</h1>
    <no-ssr placeholder="Loading...">
      <p>startof</p>
      <quillEditor v-model="value" />
      <p>endof</p>
    </no-ssr>
  </section>
</template>

<script>
export default {
  components: {
    quillEditor: () => import('vue-quill-editor')
  },
  data: () => ({
    value: ''
  })
}
</script>

, который выдает ошибку в моей консоли 

ERROR  [Vue warn]: Failed to resolve async component: () => Promise.resolve(/*! import() */).then(__webpack_require__.t.bind(null, /*! vue-quill-editor */ "vue-quill-editor", 7))
Reason: ReferenceError: document is not defined

, но работает в браузере работает в браузере, но не показывает скриншот текстового редактора

Мне нужен текстовый редактор который выводит в уценке. Любая замена для этого пакета приветствуется.

...