Angular引入RxJS遇TS2305错误：模块"rxjs"无导出成员'tap'

核心问题原因 #

RxJS 6及以上版本中，操作符（比如tap、catchError）需要从rxjs/operators单独导入，而不是从根模块rxjs导入。你当前的导入路径错误，导致找不到导出成员。

具体修复步骤 #

1. 修改导入语句：
   将原来的：

   import { catchError, tap } from "rxjs";
   

   替换为：

   import { catchError, tap } from "rxjs/operators";
   

2. 确保RxJS版本匹配
   检查项目中RxJS的版本是否与Angular版本兼容：
   • Angular 6+ 对应 RxJS 6+
   • 执行npm list rxjs查看当前版本，若版本过低，执行npm install rxjs@latest --save更新（注意匹配Angular版本，避免兼容性问题）
3. 移除不必要的依赖
   如果你没有使用旧版RxJS的API，无需安装rxjs-compat，直接卸载它：

   npm uninstall rxjs-compat --save
   

4. 重启开发服务
   执行npm start重新启动项目，错误应该会消失。

额外说明 #

你提到Observable可以正常使用，因为Observable是从rxjs根模块导出的核心类，和操作符的导入路径不同，所以不受影响。这也是为什么类似Observable导入问题的解决方法对你不适用的原因。

内容的提问来源于stack exchange，提问作者sam sergiy klok