Nuxt. js документ не определен (vuejs -datepicker) - PullRequest
Новая
       11

Nuxt. js документ не определен (vuejs -datepicker)

0 голосов
/ 06 апреля 2020

Я сделал все (возможно), чтобы решить эту проблему, но моя маленькая ошибка продолжает появляться ....: (
Сначала. моя ошибка -
мой "vuejs -датчик" работает хорошо при первой загрузке страницы.
НО, когда я перезагружаю ее, появляется "Ошибка ссылки" ...
мой экран ошибки

Во-вторых, что я сделал -

  • add / plugins / vuejs -datepicker файл 

    import Vue from 'vue';
import Datepicker from 'vuejs-datepicker';

Vue.use(Datepicker);

  • добавить plugins : [{ src: '~plugins/vuejs-datepicker', ssr: false }] в nuxt.config. js

  • использовать client-only в шаблоне

    <client-only> <datepicker :inline="true"></datepicker> </client-only>

В-третьих. Даже сделал это -

  • in / plugins / vuejs -датчик выбора файла,
    изменить Vue.use(Datepicker) на Vue.component('vuejs-datepicker',DatePicker)
  • в сценарии vue,
    изменить components: {datepicker}
    на components: {'datepicker': () => import('vuejs-datepicker')},

итак, что еще мне теперь делать ??
Есть идеи?
Спасибо ..

1 Ответ

0 голосов
/ 06 апреля 2020

Это означает, что vuejs -Datepicker не работает в SSR. Вам нужно использовать его только на клиенте. См. https://nuxtjs.org/api/components-client-only/ и https://nuxtjs.org/guide/plugins/#client только для стороны

...