Angular Universal无法添加SSR必要文件，执行ng add命令报错求助

问题分析 #

你遇到的两个提示是核心原因：

• Skipping installation: Package already installed：@nguniversal/express-engine已经在依赖列表中，但仅完成了包安装，未执行SSR的初始化流程
• NOT SUPPORTED: keyword “id”, use “$id” for schema ID：你的@schematics/angular版本（10.1.2）与Angular 16完全不匹配，旧版本schematics使用id字段，而新版本要求$id，导致初始化脚本报错终止，无法生成server.ts等核心文件

解决方案 #

1. 升级@schematics/angular到对应版本 #

你的Angular CLI是16.2.1，必须安装同大版本的schematics：

npm uninstall @schematics/angular --save-dev
npm install @schematics/angular@16.2.1 --save-dev

2. 重新执行SSR初始化命令 #

因为已安装过@nguniversal包，直接用--force参数强制触发初始化流程：

ng add @nguniversal/express-engine@16.2.0 --force

或者先卸载现有包再重装（更彻底）：

npm uninstall @nguniversal/express-engine
ng add @nguniversal/express-engine@16.2.0

3. 验证结果 #

执行完成后检查以下内容：

• 项目根目录生成server.ts、main.server.ts、tsconfig.server.json文件
• angular.json中新增server配置项
• package.json的scripts里新增serve:ssr、build:ssr、prerender等命令

额外注意 #

你的依赖里ngx-uploader是17.0.1，与Angular 16版本不兼容，后续可能引发其他报错，建议降级到16.x版本：

npm install ngx-uploader@16.0.0 --save

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