TypeError: debounceTime is not a function

Question

i'm trying to use rxjs for input autocomplete purpose but i keeping getting these error TypeError: terms.debounceTime is not a function even i'm setting these import 'rxjs/operators/debounceTime';

the function where i call that is :

    search(terms: Observable<string>) {
     return terms.debounceTime(400) 
     .distinctUntilChanged() 
     .switchMap(term => this.getActivities(term));
 }

Possible duplicate of [I dont get rxjs 6 with angular 6 with interval, switchMap, and map](https://stackoverflow.com/questions/50200859/i-dont-get-rxjs-6-with-angular-6-with-interval-switchmap-and-map) — a better oliver, Jul 23 '18 at 14:35

score 7 · Answer 1 · answered Jul 23 '18 at 14:11

7

these working for me :

search(terms: Observable<string>) {
    return terms.pipe(
      debounceTime(400),
      distinctUntilChanged(),
      switchMap(term => this.getActivities(term))
    );
  }

it is about to pipe all !

answered Jul 23 '18 at 14:11

A. Nassim

99
1
9

score 1 · Answer 2 · answered Jul 23 '18 at 13:33

1

Try this.

import 'rxjs/add/operator/debounceTime';

or

import { debounceTime, map } from 'rxjs/operators';

answered Jul 23 '18 at 13:33

Dheeraj Kumar

3,917
8
43
80

score 0 · Answer 3 · answered Jul 23 '18 at 13:34

Try this below way's

import Subject

import { Subject } from 'rxjs/Subject'
Declare it

private subject = new Subject<string>()

Then use it as

search(terms: Observable<string>) {
 return  this.subject.debounceTime(400).distinctUntilChanged() 
     .switchMap(term => this.getActivities(term));
}

TypeError: debounceTime is not a function

3 Answers3