Angular Universal 16中TypeScript提示找不到@angular/platform-server模块的原因

明明@angular/platform-server已经在package.json依赖中，但VSCode里TypeScript仍抛出Cannot find module '@angular/platform-server' or its corresponding type declarations.ts(2307)错误，可尝试以下几种解决方法：

1. 重新安装依赖并清除缓存 #

• 删除项目根目录下的node_modules文件夹和package-lock.json（使用yarn则删除yarn.lock）
• 执行npm install重新拉取所有依赖
• 重启VSCode，编辑器缓存可能导致依赖识别延迟

2. 检查tsconfig.server.json配置 #

Angular Universal安装后会生成tsconfig.server.json，确保该配置文件正确关联服务器端代码和依赖：

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "outDir": "./out-tsc/server",
    "target": "ES2020",
    "types": ["node"]
  },
  "files": [
    "src/main.server.ts",
    "src/app/app.config.server.ts"
  ],
  "angularCompilerOptions": {
    "entryModule": "./src/app/app.server.module.ts#AppServerModule"
  }
}

同时检查根目录的tsconfig.json，确保exclude数组没有误排除node_modules/@angular/platform-server相关内容。

3. 重启VSCode的TypeScript语言服务 #

在VSCode中按下Ctrl+Shift+P（Windows/Linux）或Cmd+Shift+P（Mac），输入TypeScript: Restart TS Server并执行，强制TypeScript重新加载依赖声明文件。

4. 确认依赖版本完全兼容 #

虽然你的package.json中Angular核心包和@nguniversal版本都是16.2.0（版本匹配），但如果仍有问题，可尝试执行：

ng update @angular/cli @angular/core --force

强制更新到同大版本的最新补丁，确保所有依赖完全兼容。

5. 检查导入语句拼写 #

确认app.config.server.ts中的导入语句没有拼写错误，比如：

import { provideServerRendering } from '@angular/platform-server';

注意模块名的大小写和路径正确性。

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