我正在使用Angular 15，并试图为SEO目的预渲染网站。我知道预渲染时，document和window等工具不可用，因为代码不在浏览器上运行。
我使用了一些JS库来直接操作DOM，为了支持预渲染，我这样做了：

import Typed from 'typed.js';

export class ExampleComponent implements OnInit {
  
  typed?: Typed;

  constructor(
    @Inject(PLATFORM_ID) private platformId: any
  ) { }

  ngOnInit(): void {
     if (isPlatformBrowser(this.platformId)) {
      this.typed = new Typed('#searchdomain', {
          strings: ["example", "anoter" ""],
          typeSpeed: 80,
          contentType: "text"
        });
    }   
  }

正如您所看到的，Typed仅在应用程序在浏览器上运行时才示例化。
现在我尝试用Bootstrap 5做同样的事情，但失败了。

import * as Bootstrap from 'bootstrap/dist/js/bootstrap.esm.min.js';

export class ExampleComponent implements OnInit {
  
  private bsModalInstance?: Bootstrap.Modal;
  @ViewChild('bsmodal', {read: ElementRef, static: false}) modalRef?: ElementRef;

  constructor(
    @Inject(PLATFORM_ID) private platformId: any
  ) { }

  ngOnInit(): void {
     if (isPlatformBrowser(this.platformId)) {
       this.bsModalInstance = new Bootstrap.Modal(this.modalRef?.nativeElement);
     }  
  }

npm run prerender的输出：

⠴ Prerendering 2 route(s) to -path-\-proj-\dist\-proj-\browser...
Unhandled Promise rejection: document is not defined ; Zone: <root> ; Task: Promise.then ; Value: ReferenceError: document is not defined
    at enableDismissTrigger (-path-\-proj-\dist\-proj-\server\main.js:1:3878580)
    at -path-\-proj-\dist\-proj-\server\main.js:1:3879522
    at -path-\-proj-\dist\-proj-\server\main.js:1:3977330
    at Object.<anonymous> (-path-\-proj-\dist\-proj-\server\main.js:1:3977562)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:12)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18) ReferenceError: document is not defined
    at enableDismissTrigger (-path-\-proj-\dist\-proj-\server\main.js:1:3878580)
    at -path-\-proj-\dist\-proj-\server\main.js:1:3879522
    at -path-\-proj-\dist\-proj-\server\main.js:1:3977330
    at Object.<anonymous> (-path-\-proj-\dist\-proj-\server\main.js:1:3977562)
    at Module._compile (internal/modules/cjs/loader.js:1085:14)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
    at Module.load (internal/modules/cjs/loader.js:950:32)
    at Function.Module._load (internal/modules/cjs/loader.js:790:12)
    at Module.require (internal/modules/cjs/loader.js:974:19)
    at require (internal/modules/cjs/helpers.js:101:18)
✖ Prerendering routes to -path-\-proj-\dist\-proj-\browser failed.
document is not defined

为什么当Bootstrap的Bootstrap.Modal甚至没有示例化时它会失败？
有没有什么方法可以进行更多的调试，这样我就可以找到调用document.的确切文件？

**更新：**我决定在组件的构造函数上添加一个console.log()，但它从未显示。我相信 Bootstrap 在导入时会立即访问document，甚至在Bootstrap.Modal调用之前。

谢谢大家。