map2：引数タイプがパラメータと一致しません

Question

私はhttpリクエストを作成してマップを実行しようとしています。

私は角度のドキュメントを続いたが、何らかの理由で私はマップ機能上のエラーを取得しています：「引数の型がパラメータと一致しません」。私は'rxjs/add/operator/map';を輸入しています。

npm installにする必要がありますか？

import { Injectable } from '@angular/core'; 
    import { Http, Response } from '@angular/http'; 
    import {Observable} from "rxjs/Observable"; 
    import 'rxjs/add/operator/catch'; 
    import 'rxjs/add/operator/map'; 

    @Injectable() 
    export class ApiService { 

     constructor(private http: Http) { 
     } 

     public getValue() : Observable<any> { 

     return this.http.get('') 
         .map(this.extractData) 
         .catch((error:any) => Observable.throw(error.json().error || 'Server error')); 

     } 

     private extractData(res: Response) { 
     let body = res.json(); 
     return body.data || { }; 
     } 
    } 

UPDATE：何らかの理由で

：私はここにAngular 4.0.2、rxjs 5.0.1とWebStorm 2016.1.3を使用してい

は私のコードです.map().map(this.extractData)への変更は、問題を解決しました。ここ はmap.d.ts定義です：

import { map } from '../../operator/map'; 
declare module '../../Observable' { 
    interface Observable<T> { 
     map: typeof map; 
    } 
} 

誰かが理由を説明することができれば、私は幸せになります。

UPDATE 2：

が.map()なし.map(this.extractData)に戻すプロジェクトを実行しているときに動作するようです！おそらく、Webstorm IDEによって生成されるエラーです。

Answer 1

mapステートメントでエラーが発生していますか？

IMOこのライン：

return this.http.get('') 

が原因で不足しているURL（''）のエラーをスローしますと、これは代わりに呼び出されます。

.catch((error:any) => Observable.throw(error.json().error || 'Server error')); 

これが問題である場合は、チェックObservable.throwの署名では、最初のパラメータとして例外が予想されます。私はそれがあるべきだと思う：

.catch((error:any) => Observable.throw(new Error(error.json().error || 'Server error'))); 

私は、これはあなたがextractDataに任意の入力パラメータを供給されていません

Answer 2

に役立ちます願っています。その行に沿って.map((data) => this.extractData(data))か何かに変更してください。