Subject.onNext不是一个函数

我正在尝试在我的http代码中使用一些reactiveX.为此,我正在创建一个Subject,并尝试调用onNext函数,但是我收到一个错误,说subject.onNext不是函数.

HTML:

TS:

import { Jsonp, Response } from 'angular2/http';
import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject'
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/debounce';
import { Injectable } from 'angular2/core';

@Injectable()
export class SearchService {
    queryStream = new Subject();

    generateSuggestions(query: string) {
        this.queryStream.onNext(query)
            .debounce(500)
            .map(
                query => this.jsonp.request( `http://urlendpoint/${query}` )
                        .map( (res: Response) => res.json() )
                        .subscribe( results => console.log(results) );
            )
    }
}
var queryStream = new Subject();

ORIGINAL EXCEPTION:TypeError:this.queryStream.onNext不是函数

我的所有普通http函数都工作(this.jsonp.request(url/query).map().subscribe())但是onNext运算符不起作用.我也无法导入flatMap,它似乎与map和debounce不在同一个'rxjs/add/operator/...'文件夹中.

1> Mourad Zouab..：

---

更换

import { Observable } from 'rxjs/Observable';
import { Subject } from 'rxjs/Subject'
import 'rxjs/add/operator/map';
import 'rxjs/add/operator/debounce';

用:

import * as Rx from "rxjs/Rx";

和

替换Subject为Rx.Subject

替换onNext为next

---

这不会有点重量级(尺寸方面)因为我们可能不必要地从Rx加载所有内容吗？根据https://angular.io/docs/ts/latest/guide/server-communication.html上的建议,我们应该只加载我们需要的Rx组件/运算符.