小编Nod*_*yim的帖子

MonoTypeOperatorFunction<{}> Rxjs6 类型上不存在属性“distinctUntilChanged()”

我正在尝试创建一个搜索服务，用于在输入中进行实时搜索。我有 search.service.ts：

import { Injectable } from '@angular/core';
import { Http } from '@angular/http';

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

@Injectable({
  providedIn: 'root'
})
export class SearchService {

  baseUrl: string = 'https://api.cdnjs.com/libraries';
  queryUrl: string = '?search=';

  constructor(private http: Http) { }

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

  searchEntries(term) {
    this.http.get(this.baseUrl + this.queryUrl + term).pipe(map(res => {
      res.json();
    }))
  }
}

Run Code Online (Sandbox Code Playgroud)

和 app.component.ts：