Size: a a a

Angular-universal-ru

2019 August 04

SS

Sergei Sergeevich in Angular-universal-ru
Роман Главатских
Добрый день. Вопрос по localize-router'y. У меня почему-то на стороне SSR дважды вызывается метод load класса LocalizeUniversalLoader. И в итоге вместо урла /ru/games, сервер ожидает урл /ru/ru/games. Никто не встречал такую проблему?
Хотя LocalizeUniversalLoader использую только в одном месте: в AppServerModule при импорте LocalizeRouterModule
Вроде как эта хрень не умеет адекватно обрабатывать вложенные роуты с path: '' у родителя
источник

SS

Sergei Sergeevich in Angular-universal-ru
Роман Главатских
Добрый день. Вопрос по localize-router'y. У меня почему-то на стороне SSR дважды вызывается метод load класса LocalizeUniversalLoader. И в итоге вместо урла /ru/games, сервер ожидает урл /ru/ru/games. Никто не встречал такую проблему?
Хотя LocalizeUniversalLoader использую только в одном месте: в AppServerModule при импорте LocalizeRouterModule
Попробуйте запустить без такого рода врапперов в ваших роутах
источник

РГ

Роман Главатских in Angular-universal-ru
Sergei Sergeevich
Вроде как эта хрень не умеет адекватно обрабатывать вложенные роуты с path: '' у родителя
Помогло в лоад пропихивать роуты через [...routes]. Но это оч странно
источник

SS

Sergei Sergeevich in Angular-universal-ru
Роман Главатских
Помогло в лоад пропихивать роуты через [...routes]. Но это оч странно
Если странности будут продолжатся, подумайте на счет реализации кастомного решения через параметр в роутах, пайп для локализации url и гвард для выставления языка по параметру в роуте. Я так и зделал
источник

РГ

Роман Главатских in Angular-universal-ru
Sergei Sergeevich
Если странности будут продолжатся, подумайте на счет реализации кастомного решения через параметр в роутах, пайп для локализации url и гвард для выставления языка по параметру в роуте. Я так и зделал
Спасибо. Тоже думал об этом. Но решил попытаться на какое-то время хоть как-то завести эту штуку
источник
2019 August 08

IF

Igor Filippov in Angular-universal-ru
Вопрос, мне поможет Renderer2 если мне надо вставить кое-что в <head> ?
источник

MI

Michael Izmaylov in Angular-universal-ru
Igor Filippov
Вопрос, мне поможет Renderer2 если мне надо вставить кое-что в <head> ?
Да
источник

MI

Michael Izmaylov in Angular-universal-ru
Могу скинуть сервис для этого
источник

IF

Igor Filippov in Angular-universal-ru
Michael Izmaylov
Могу скинуть сервис для этого
Я вроде сделал через DOCUMENT но если можно посмоирел бы
источник
2019 August 09

АЧ

Артур Чернуха in Angular-universal-ru
Привет! Подскажите, пожалуйста, кто пользовался Google Analytics вместе с SSR, какие нюансы нужно учесть или какую библиотеку можно взять. Пробовал добавить просто index.html, но клиент сказал, что загрузилась лишь первая страничка. Сразу замечу, что с Google Analytics я не работал и не знаю в целом, чего ей достаточно и как это лучше организовать. Собственно хотел узнать, может кто-то может поделиться опытом)
источник

SS

Serhii Starostenko in Angular-universal-ru
Артур Чернуха
Привет! Подскажите, пожалуйста, кто пользовался Google Analytics вместе с SSR, какие нюансы нужно учесть или какую библиотеку можно взять. Пробовал добавить просто index.html, но клиент сказал, что загрузилась лишь первая страничка. Сразу замечу, что с Google Analytics я не работал и не знаю в целом, чего ей достаточно и как это лучше организовать. Собственно хотел узнать, может кто-то может поделиться опытом)
(<any>window).ga('set', 'page', event.urlAfterRedirects);
(<any>window).ga('send', 'pageview');
для каждой странице лучше слать кастомный евент, Google Analytics так лучше хавает
@mb6_6matko - обновил евенты, бо перепутал сперва)
источник

ДК

Дмитрий Кольдяев in Angular-universal-ru
Артур Чернуха
Привет! Подскажите, пожалуйста, кто пользовался Google Analytics вместе с SSR, какие нюансы нужно учесть или какую библиотеку можно взять. Пробовал добавить просто index.html, но клиент сказал, что загрузилась лишь первая страничка. Сразу замечу, что с Google Analytics я не работал и не знаю в целом, чего ей достаточно и как это лучше организовать. Собственно хотел узнать, может кто-то может поделиться опытом)
Не стоит использовать ее вместе с SSR, иначе ваши события могут чекаться дважды: на сервере и на клиенте. Оставьте обработку только для клиента
источник

АЧ

Артур Чернуха in Angular-universal-ru
Дмитрий Кольдяев
Не стоит использовать ее вместе с SSR, иначе ваши события могут чекаться дважды: на сервере и на клиенте. Оставьте обработку только для клиента
Спасибо, возьму на заметку
источник
2019 August 14

M

Maksim in Angular-universal-ru
Привет. В первый раз пытаюсь завести Universal. Почему-то не подхватывается импорт SCSS файлов, пишет ошибку "Can't find stylesheet to import", хотя файл по пути есть, и ng build --prod собирается без проблем. Как можно решить?
источник

M

Maksim in Angular-universal-ru
источник

M

Maksim in Angular-universal-ru
при этом импорт глобальных стилей, типа
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

работает без проблем
источник

IT

Ildar Timerbaev in Angular-universal-ru
Maksim
при этом импорт глобальных стилей, типа
@import "~bootstrap/scss/functions";
@import "~bootstrap/scss/variables";
@import "~bootstrap/scss/mixins";

работает без проблем
Привет)
Ну это не глобальные стили, а алиас для node_modules.
источник

IT

Ildar Timerbaev in Angular-universal-ru
Скорее всего сбилженный проект имеет другой путь

Как вариант можно скинуть это на ангуляр:
1) angular.json
2) "stylePreprocessorOptions": {
       "includePaths": [
         "styles"
       ]
     },

Дальнейшее использование уже будет как @import@styles/scss/vendor/variables”
3) По личному опыту скажу, что ловил такие баги при нейминге variables.scss, а при _variables.scss всё работало нормально
источник

M

Maksim in Angular-universal-ru
переименование в _variables.scss не помогло
includePaths просто говорит scss где искать подключаемые файлы. У меня это уже настроено, но тоже не работает, поэтому я пытаюсь использовать относительный путь, чтобы подключить файл как можно "напрямую"
источник

M

Maksim in Angular-universal-ru
почему-то заработало вот так:
@import "~src/assets/scss/vendor/variables";
источник