Object(...)(...).takeUntil is not a function

Question

I have my observable with interval and takeuntil which is working fine in angular 5. Now When I update it to angular 6 and rxjs6, it is failing. I changed from Observable.interval to interval but takeuntil is not working. I need takeuntil because, I need to stop this observable when the component is destroyed.

import { Observable, Subject } from "rxjs";

private onDestroy$ = new Subject<void>();

Observable.interval(600000).takeUntil(this.onDestroy$).subscribe(x => {
    // do something
});

ngOnDestroy() {
    this.onDestroy$.next();
}

Since RxJS 6 use pipable operators. `import { takeUntil } from 'rxjs/operators'` — martin, Apr 03 '19 at 20:46
https://github.com/ReactiveX/rxjs/blob/master/doc/pipeable-operators.md — martin, Apr 03 '19 at 20:47

score 3 · Accepted Answer · answered Apr 03 '19 at 20:52

Since RXJS 6, you have to pipe the operators and import them from rxjs/operators. Also, you have to use interval and not Observable.interval, see this doc for more info:

import { interval } from 'rxjs;
import { takeUntil } from 'rxjs/operators';

interval(600000).pipe(
    takeUntil(this.onDestroy$)
).subscribe(x => {
    // do something
});

score 0 · Answer 2 · answered Apr 03 '19 at 20:46

0

Now it's

Observable.interval(600000).pipe(
   takeUntil(this.onDestroy$)
).subcribe(//...

answered Apr 03 '19 at 20:46

mbojko

13,503
1
16
26

Object(...)(...).takeUntil is not a function

2 Answers2