TypeError: search.valueChanges.debounceTime is not a function

you Just need to import these to remove your error. You are getting runtime error because Observables by default come with just a few operators. You have to explicitly import them like this -

import 'rxjs/add/operator/debounceTime';
import 'rxjs/add/operator/map';

Working example

Update

Angular 6 onwards, debounceTime is imported as following -

import { debounceTime } from 'rxjs/operators';

other imports you can import from this path are -

  • switchMap
  • tap
  • map
  • distinctUntilChanged

etc..


Put debounceTime(400) inside a pipe() function.

example

var search = this.form.find('search');
    search.valueChanges
        .pipe(debounceTime(400))
        .map(str => (<string>str).replace(' ','‐'))
        .subscribe(x => console.log(x));