Angular 16升级至17后缺失SSR支持，如何自动生成相关文件？

Angular 17完全支持Server-Side Rendering (SSR)，从Angular 16升级过来的项目，不需要手动大量修改就能添加SSR支持，Angular CLI提供了一键生成相关文件和配置的命令。

关于升级后未自动生成SSR组件的说明 #

新创建的Angular 17项目会默认包含main.server.ts、server.ts以及@angular/ssr依赖，这是因为新项目初始化时默认推荐启用SSR。但升级现有项目时，CLI不会自动修改项目结构添加这些内容——这是为了避免破坏原有项目的自定义配置。

一键添加SSR支持的方法 #

直接在项目根目录执行Angular CLI命令：

ng add @angular/ssr

这条命令会自动完成以下操作：

• 安装@angular/ssr依赖包
• 生成main.server.ts、server.ts等SSR必需文件
• 修改angular.json、tsconfig.json、package.json等配置文件，添加SSR相关的构建、启动脚本
• 配置应用的服务器端引导逻辑

后续验证步骤 #

执行完命令后，运行以下命令测试SSR是否正常工作：

npm run serve:ssr

如果项目中有自定义路由或依赖了某些不兼容SSR的第三方库，可能需要做少量适配，但CLI已经处理了绝大多数基础配置工作。

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