Size: a a a

Angular-universal-ru

2017 November 16

DP

Dmitriy Pashkevich in Angular-universal-ru
Ребят, продолжаю биться с серверным рендерингом. Есть проблема, 3d party библиотека завязана на браузер и соответсвенно, не может быть отрендерене на сервере (подстановка window и document через global не помогает), как быть в таком случае? Может быть как-то можно инициализировать эту либу после того, как страничка появится на клиенте?
источник

DG

Dmytro Garastovych in Angular-universal-ru
да, if добавить в код можно
источник

ИК

Игорь Кравченко in Angular-universal-ru
Dmitriy Pashkevich
Ребят, продолжаю биться с серверным рендерингом. Есть проблема, 3d party библиотека завязана на браузер и соответсвенно, не может быть отрендерене на сервере (подстановка window и document через global не помогает), как быть в таком случае? Может быть как-то можно инициализировать эту либу после того, как страничка появится на клиенте?
если хаки с глобал не помогают, то только разделение модулей
источник

ИК

Игорь Кравченко in Angular-universal-ru
и на сервере импортить mock модуля
источник

DP

Dmitriy Pashkevich in Angular-universal-ru
А можно попдробнее про mock модуля?
источник

P

Phreeman in Angular-universal-ru
@gorniv, вопрос примено такой же как и Дмитрия. Только с картами. Что значит mock моделя?
источник

ИК

Игорь Кравченко in Angular-universal-ru
другой компонент и модуль, который например вместо карты пишет просто надпись - тут карта(ну или лоадер там)
источник

DG

Dmytro Garastovych in Angular-universal-ru
сделать пустой модуль и подтягивать его, если на сервере
источник

ИК

Игорь Кравченко in Angular-universal-ru
источник

ИК

Игорь Кравченко in Angular-universal-ru
источник

ИК

Игорь Кравченко in Angular-universal-ru
Dmytro Garastovych
сделать пустой модуль и подтягивать его, если на сервере
да
источник

ИК

Игорь Кравченко in Angular-universal-ru
только так как импорты происходят статически-то при ошибках на уровне сборки и\или импорта нужно гемороится с разделением кода =(
источник

DG

Dmytro Garastovych in Angular-universal-ru
мы таким же образом StoreDevtoolsModule подключаем только на DEV
источник

ИК

Игорь Кравченко in Angular-universal-ru
если вы знаете как заменить модуль через webpack  напишите сюда!!!!!(ПЛИЗ) 😊
источник

DG

Dmytro Garastovych in Angular-universal-ru
к сожалению, нет - костылим все в app.module.ts
источник

DP

Dmitriy Pashkevich in Angular-universal-ru
А как потом с этого прелоадера показать, вьюху потом?
источник

DP

Dmitriy Pashkevich in Angular-universal-ru
Не совсем доезжаю
источник

ИК

Игорь Кравченко in Angular-universal-ru
Dmytro Garastovych
к сожалению, нет - костылим все в app.module.ts
а можно пример?  у нас это разные модули в итоге =(
источник

DG

Dmytro Garastovych in Angular-universal-ru
export let DevTools: any = MockModule;

if (new Config().IS_WEB_DEV) {
 DevTools = StoreDevtoolsModule.instrumentOnlyWithExtension();
}

и в импортс добавляем DevTools
источник

ИК

Игорь Кравченко in Angular-universal-ru
👍
источник