Angular 17.3独立组件SSR构建报错,咨询CLI支持及解决方案
Angular 独立组件 SSR 相关问题解答
直接创建独立组件 SSR 应用的支持情况
Angular 17.0 及以上版本的 CLI 已经支持直接生成基于独立组件的 SSR 项目,无需手动迁移。使用以下命令创建:
ng new your-project-name --standalone --ssr
该命令会自动生成配置好的独立组件 SSR 项目,规避你遇到的构建依赖问题。
现有项目的修复步骤
若不想重建项目,可按以下步骤修复当前构建报错:
- 检查
angular.json里的build:ssr配置,确认浏览器与服务端构建入口已切换为独立组件的main.ts,而非依赖AppModule的旧配置 - 更新
server.ts,移除对AppModule的引用,改用独立组件引导逻辑:import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { appConfig } from './app/app.config'; export function bootstrap() { return bootstrapApplication(AppComponent, appConfig); } - 删除已无用的
app.module.ts文件,全局检查并修正所有引用了AppModule的导入路径 - 重新执行
npm run build:ssr验证构建结果
内容的提问来源于stack exchange,提问作者Marc
相关产品推荐
相关产品推荐

