Angular 15添加SSR支持时触发TypeError: (intermediate value).ngOnDestroy错误

以下是针对该问题的排查与解决方向：

• 排查第三方库兼容性
  部分前端库未做SSR适配（比如依赖浏览器DOM API、window对象），在服务端渲染阶段会引发异常。先尝试移除近期新增的第三方依赖，重新执行npm run dev:ssr验证是否恢复正常，逐步定位问题库。

• 检查自定义 ServerStylesHost 相关代码
  若你曾扩展或自定义过ServerStylesHost类，需确保正确实现ngOnDestroy方法，或继承的父类已提供该方法。避免直接错误实例化该类，或覆盖内部核心方法导致API不兼容。

• 清理缓存并重建项目
  执行以下命令清理缓存与旧构建文件，重新安装依赖后再尝试SSR构建：

  rm -rf node_modules dist package-lock.json
  npm install
  npm run build:ssr && npm run serve:ssr
  

• 统一Angular核心依赖版本
  确保@angular/core、@angular/platform-server、@angular/common等核心包版本均为15.x系列，版本不一致会导致内部API调用冲突。检查package.json中的依赖版本，统一调整后重新安装依赖。

• 捕获详细调用栈定位问题
  在server.ts中添加错误捕获逻辑，打印完整调用栈信息，帮助定位触发错误的具体模块：

  process.on('uncaughtException', (err) => {
    console.error('Uncaught Exception:', err);
    console.error(err.stack);
    process.exit(1);
  });
  

内容的提问来源于stack exchange，提问作者disrupsteve