nuxt js и ssr с ползунком flickity и другими плагинами - PullRequest
Новая
       38

nuxt js и ssr с ползунком flickity и другими плагинами

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

Я преобразую свой текущий веб-сайт в пустую js и vuejs страницу. С nuxt я хочу сделать рендеринг на стороне сервера. Таким образом, в конце концов, вы получите страницу 1011 html. Были проблемы с операторами import в моих vue компонентах. Так что теперь я буду оптимизировать мой импорт для SSR. Мое текущее решение выглядит так: 

    let Flickity = {};
if (process.browser) {
    Flickity = require('flickity');
}

В одном компоненте я использую ползунок flickity и, кроме того, плагины flickity-syn c и flickity-fade. Обычно я бы просто добавил состояния импорта l ie this: 

let Flickity = {};
if (process.browser) {
    Flickity = require('flickity');
}

import 'flickity-sync';
import 'flickity-fade';
import 'flickity-as-nav-for';

Но это не работает с ssr (рендеринг на стороне сервера). Я думал, что могу запросить все и объединить объекты, но это тоже не работает.

Что я могу сделать?

1 Ответ

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

Решение легко: 

let Flickity = {};
if (process.browser) {
    Flickity = require('flickity');
    require('flickity-sync');
    require('flickity-fade');
    require('flickity-as-nav-for')
}

: D

...