Angular Universal Firebase：没有 InjectionToken MODULE_MAP 的提供程序

# Angular Universal Firebase: 解决 "没有 InjectionToken MODULE_MAP 的提供程序" 错误

typescript
// app.module.ts
import { NgModule, Inject, PLATFORM_ID } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { isPlatformBrowser, isPlatformServer } from '@angular/common';
import { AppComponent } from './app.component';
import { MODULE_MAP } from '@nguniversal/module-map-ngfactory-loader';
@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule],
  providers: [
    // Other providers...
    // Ensure the MODULE_MAP is available on the server side
    {
      provide: MODULE_MAP,
      useFactory: getModuleMap,
      deps: [PLATFORM_ID]
    },
  ],
  bootstrap: [AppComponent],
})
export class AppModule {}
// app.server.module.ts
import { NgModule } from '@angular/core';
import { ServerModule, ServerTransferStateModule } from '@angular/platform-server';
import { ModuleMapLoaderModule } from '@nguniversal/module-map-ngfactory-loader';
import { AppModule } from './app.module';
import { AppComponent } from './app.component';
@NgModule({
  imports: [
    AppModule,
    ServerModule,
    ServerTransferStateModule,
    ModuleMapLoaderModule,
  ],
  bootstrap: [AppComponent],
})
export class AppServerModule {}
// app.browser.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppModule } from './app.module';
import { AppComponent } from './app.component';
@NgModule({
  imports: [AppModule, BrowserModule],
  bootstrap: [AppComponent],
})
export class AppBrowserModule {}
// main.ts
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppBrowserModule } from './app.browser.module';
const platform = platformBrowserDynamic();
platform.bootstrapModule(AppBrowserModule);