Я использую angular 7 приложение с seo
@ng-toolkit/universal
, когда я компилирую приложение, я вижу только исходный код модуля приложения
<app-header>
<router-outlet>
<app-about>
<app-footer
, но для домашнего модуля
<app-header>
<router-outlet>
<app-footer>
В чем может быть причина, почему не генерируется исходный код? Вот app.component.ts
this.router.events.subscribe(event => {
if (event instanceof NavigationStart) {
this.loading = true;
}
else if (event instanceof NavigationEnd || event instanceof NavigationCancel) {
this.loading = false;
}
});
app.component. html (я тоже пробовал без загрузки false)
<div class="off-canvas-wrapper wrapper">
<!-- off-canvas-content - page content -->
<div class="off-canvas-content" data-off-canvas-content>
<app-top-header [hidden]="loading"></app-top-header>
<div [hidden]="loading" class="router-output">
<router-outlet></router-outlet>
</div>
<app-bottom-footer [hidden]="loading"></app-bottom-footer>
</div>
<!-- /end off-canvas-content -->
</div>
Я пробовал это
{
path: `home`,
loadChildren: './home/home.module#HomeModule'
},
А это
{//home module routes
path: '',
children: [
{
path: '',
component: HomepageComponent
},
]
},
сейчас на dev я делаю как прямо в app.module маршруты я думал это из-за ленивой загрузки
{
path: '',
component: HomepageComponent
},
но у меня не сработало ( https://rentaga.com/ когда open pls проверяет после control + u pageource вы видите только содержимое из верхнего и нижнего колонтитула без источника страницы на выходе маршрутизатора)