Angular Universal 9中断Bootstrap CSS指令

import { ServerTransferStateModule } from '@angular/platform-server';
import { TransferState } from '@angular/platform-browser';

@NgModule({
  imports: [
    // other imports
    ServerTransferStateModule
  ],
  providers: [
    // other providers
    TransferState
  ]
})
export class AppModule { }

import { Component, OnInit } from '@angular/core';
import { TransferState } from '@angular/platform-browser';

@Component({
  selector: 'app-example',
  templateUrl: './example.component.html',
  styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
  constructor(private transferState: TransferState) { }

  ngOnInit(): void {
    // Check if the Bootstrap CSS is already transferred from the server
    const bootstrapCSS = this.transferState.get('bootstrapCSS', '');

    if (!bootstrapCSS) {
      // Fetch the Bootstrap CSS from the server and store it in the transfer state
      // This can be done using HTTP requests or any other method to retrieve the CSS content
      const fetchedCSS = '...'; // Fetch the CSS content

      this.transferState.set('bootstrapCSS', fetchedCSS);
    }
  }
}