Angular 6升级问题：debounceTime 不是 Subject 的属性

这个问题我之前帮不少人解决过，核心原因是Angular 6配套的RxJS 6做了重大的API重构，彻底改变了操作符的使用方式——和你推测的一样，ng update过程中自动清理了旧的RxJS导入，导致你现在遇到这个错误。

问题根源 #

在RxJS 5及更早版本中，操作符（比如debounceTime）是通过修改Observable/Subject的原型链来实现链式调用的，所以你会看到类似import 'rxjs/add/operator/debounceTime'这样的导入，然后直接调用subject.debounceTime(300)。

但RxJS 6为了优化打包体积、提升可读性，把所有操作符都改成了纯函数，不再挂载到原型上，必须通过pipe()方法来组合使用。

具体解决步骤 #

1. 导入正确的操作符
   从rxjs/operators（注意是复数）单独导入debounceTime，如果你的代码里还有其他操作符（比如distinctUntilChanged、map），也要一起从这里导入：

   import { Subject } from 'rxjs';
   import { debounceTime, distinctUntilChanged } from 'rxjs/operators';
   

2. 修改调用方式
   把原来直接链式调用操作符的写法，改成用pipe()包裹操作符：

   // 旧写法（RxJS 5）
   // this.searchSubject.debounceTime(300).subscribe(...);
   
   // 新写法（RxJS 6+）
   this.searchSubject.pipe(
     debounceTime(300),
     distinctUntilChanged() // 如果有其他操作符，依次放到pipe里
   ).subscribe((value) => {
     // 处理你的逻辑
   });
   

额外提示 #

如果你的项目里有大量旧的RxJS代码，可以暂时安装rxjs-compat包来兼容旧写法，给你足够的时间逐步迁移：

npm install rxjs-compat --save

不过这只是临时方案，建议还是尽快迁移到RxJS 6的新写法，避免后续版本升级再出问题。

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