Angular5 Универсальная ленивая загрузка на firebase хостинге и seo

Question

Кто-нибудь знает, как получить ленивую загрузку на firebase хостинге? Это все работает, но когда я просматриваю исходный код моего сайта, я вижу только роутер-розетку, а не текст и так далее. Я добавил код ниже в мой index.js внутри папки функций:

extraProviders: [
  provideModuleMap(LAZY_MODULE_MAP)
]

Мой файл app.server.module выглядит так:

import { NgModule } from '@angular/core';
import { ServerModule } from '@angular/platform-server';
import { AppModule } from './app.module';
import { AppComponent } from './app.component';

@NgModule({
imports: [
AppModule,
ServerModule
],
bootstrap: [AppComponent],
})
export class AppServerModule {}

Но когда я использую firebase deploy в моей консоли, он успешно развернут. Однако, когда я посещаю свой сайт после этого, я получаю сообщение об ошибке и пустую страницу.

Так что, если кто-нибудь может указать мне правильное направление, это было бы здорово!

Answer 1

Это может быть потому, что вам не хватает ModuleMapLoaderModule модуль в вашем импорте

app.server.module.ts

import {ModuleMapLoaderModule} from '@nguniversal/module-map-ngfactory-loader'

@NgModule({
imports: [
AppModule,
ServerModule,
ModuleMapLoaderModule
],

Это кажется необходимым для ленивых загруженных маршрутов:

ModuleMapLoaderModule - это модуль на стороне сервера, который позволяет выполнять отложенную загрузку маршрутов.

https://angular.io/guide/universal