如何解决‘rxjs/Rx 未导出成员SubscriptionLike’TS错误？

这个错误的核心原因是你的RxJS版本和Angular依赖的版本不兼容——@angular/common需要RxJS提供SubscriptionLike这个导出成员，但你当前安装的RxJS版本过低（或版本不匹配），没有这个类型定义。下面是具体的解决步骤：

1. 修复RxJS版本兼容性 #

先确认你项目中Angular的版本，再安装对应兼容的RxJS版本：

• 如果你的Angular版本在6-8之间，安装RxJS 6.5.x版本：

  npm uninstall rxjs
  npm install rxjs@6.5.5 --save
  

• 如果是Angular 9及以上版本，可以安装RxJS 6.6.x或7.x版本（Angular 12+全面支持RxJS 7）：

  npm uninstall rxjs
  npm install rxjs@7.5.0 --save
  

2. 完善tsconfig配置 #

你的tsconfig.json缺少moduleResolution配置，这可能导致TypeScript无法正确解析RxJS的模块导出。修改配置如下：

{
 "compilerOptions": {
 "module": "commonjs",
 "target": "es2015",
 "rootDir": ".",
 "outDir": "../functions",
 "moduleResolution": "node"
 },
 "files": [
 "index.ts"
 ]
}

3. （可选）优化代码导入方式 #

你当前用require导入AppServerModuleNgFactory，如果是Angular 9+版本，建议改用ES模块导入方式，更符合TypeScript规范：

// 替换原来的require语句
import { AppServerModuleNgFactory } from './dist-server/main.bundle';

完成以上步骤后，重新执行tsc -p命令，应该就能解决这个错误了。

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