Angular 19 SSR中main.server.ts替代server.ts失效问题咨询

问题根源 #

你把旧版server.ts的完整代码复制到main.server.ts里无法运行，核心原因是Angular 17+重构了SSR的入口逻辑：

• 旧版server.ts是集「Angular应用引导+HTTP服务器启动」于一体的文件
• 新版main.server.ts仅负责导出Angular服务器端应用的引导入口，HTTP服务器的启动（包括开发环境的ng serve）由Angular CLI自动处理，不需要你在这个文件里写端口监听、Express中间件等服务器逻辑

正确的 main.server.ts 配置 #

根据你的项目架构（独立组件/ NgModule），选择对应的配置：

1. 独立组件架构（Angular 14+默认）

清空main.server.ts，写入以下代码：

import { bootstrapApplication } from '@angular/platform-browser';
import { AppComponent } from './app/app.component';
import { config } from './app/app.config.server';

// 导出服务器端应用的引导函数
const bootstrap = () => bootstrapApplication(AppComponent, config);

export default bootstrap;

2. NgModule架构

如果你的项目仍使用NgModule，配置如下：

import { NgModule } from '@angular/core';
import { ServerModule } from '@angular/platform-server';
import { AppModule } from './app/app.module';
import { AppComponent } from './app/app.component';

@NgModule({
  imports: [AppModule, ServerModule],
  bootstrap: [AppComponent],
})
export class AppServerModule {}

// 导出服务器端模块
export default AppServerModule;

关于自定义服务器逻辑 #

如果需要在生产环境自定义HTTP服务器（比如添加Express中间件、修改端口），你仍然可以保留server.ts，但它不再是ng serve的依赖。生产构建时，Angular会自动使用server.ts作为服务器入口（前提是你的angular.json中server配置指向它）。

开发环境下，ng serve会自动使用Angular内置的开发服务器，无需在main.server.ts中编写任何服务器启动代码。

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