web-dev-qa-db-ja.com

TypeError：rxjs__WEBPACK_IMPORTED_MODULE_2 __。Observable.throwは関数ではありません

これが私のファイルuserdata.service.tsです：

import { Injectable } from '@angular/core';
import { Http, Response } from '@angular/http';
import {Observable} from 'rxjs';
import { map } from "rxjs/operators";
import { catchError } from 'rxjs/operators';
import { Data } from './userdata';

@Injectable()
export class UserDataService {

  url : "http://localhost:4200/assets/data/userdata.json";
  constructor(private http:Http) { }  

  getDataWithObservable() : Observable<any>{
      return this.http.get(this.url)
            .pipe(
              map(this.extractData),
              catchError(this.handleErrorObservable)
            );
  }

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

    private handleErrorObservable (error: Response | any) 
    {   
        return Observable.throw(error.message || error);
    }
}

次のエラーが表示されます。

TypeError：rxjs__WEBPACK_IMPORTED_MODULE_2 __。Observable.throwは関数ではありません

angularrxjsangular6
7
Jitendra Ahuja

インポート：

import { throwError } from 'rxjs';

使用法：

return throwError(err);
16
Chris Fremgen

Observable.throw()は削除されました。

Observable.throwError()を使用してみてください。どうやら、定義はまだ最新ではありません。

import { throwError } from 'rxjs';を使用してインポートできます

3
Kaedeko