TypeError: Sie lieferte ein ungültiges Objekt, wo ein stream zu erwarten war. Sie können Beobachten, Versprechen, Array oder Durchsuchbar

In meinem Fall der Fehler trat nur während der e2e-tests. Es wurde verursacht durch throwError in meinem AuthenticationInterceptor.

Ich importierte es aus einer falschen Quelle, weil ich WebStorm die import-Funktion. Ich bin mit RxJS 6.2.

Falsch:

import { throwError } from 'rjxs/internal/observable/throwError';

Richtig:

import { throwError } from 'rjxs';

Hier der vollständige code der Abfangjäger:

import { Injectable } from '@angular/core';
import { HttpErrorResponse, HttpEvent, HttpHandler, HttpInterceptor, HttpRequest } from '@angular/common/http';
import { Observable, throwError } from 'rxjs';
import { catchError } from 'rxjs/operators';

@Injectable()
export class AuthenticationInterceptor implements HttpInterceptor {

  intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
    const reqWithCredentials = req.clone({withCredentials: true});
    return next.handle(reqWithCredentials)
     .pipe(
        catchError(error => {
          if (error.status === 401 || error.status === 403) {
            //handle error
          }
          return throwError(error);
        })
     );
  }
}

InformationsquelleAutor Stevy

Wenn deine Funktion erwartet einen booleschen Wert zurückzugeben, nur dazu:

1. Import:

import { Observable } from 'rxjs/Observable';

1. Dann

checkLogin(): Observable<boolean>{
    return this.service.getData()
           .map(response => {  
               this.data = response;                            
               this.checkservice=true;
               return true;
           })
           .catch(error => {
               this.router.navigate(['newpage']);
               console.log(error);
               return Observable.of(false);
           })
 }

InformationsquelleAutor Daniel Eduardo Delgado Diaz

Ich habe genau die gleiche Fehlermeldung, während ich meine unit-test und werfen beobachtbare Ausnahme nach mocking meine Dienste.

Ich entschloss mich, es durch die übergabe genaue Funktion und format in Observable.throw.

Eigentlichen code aufruft, der service und die subscribe Daten zu erhalten. beachten Sie, dass catch zu handhaben, die 400 Fehler.

     this.search(event).catch((e: Response) => {
        if (e.status === 400) {
          console.log(e.json().message);
        } else if (e.url) {
          console.log('HTTP Error: ' + e.status + ' ' + e.statusText,
            'URL: ' + e.url, 'Info: ' + e.json().message));
        }
      }).finally(() => {
        this.loading = false;
      }).subscribe((bData) => {
        this.data = bData;
      });

Wird der code in der service

  search() {
    return this.someService.getData(request)
       .do((r) => {
          this.someService.defaultHeaders.delete('skipAlert');
          return r;
        })
      .map((r) => {
          return r.businessObjectDataElements.length && r.businessObjectDataElements || null;
        });
  }

Unit-Tests

Habe ich über den SomeService-und Rücksendung beobachtbare Daten und deren Ordnung, da es alle erforderlichen Methoden drin.

 someServiceApi = fixture.debugElement.injector.get(SomeService);
 spyOn(someServiceApi, 'getData').and.returnValue(Observable.of({}));

Dem obigen code ist okey aber wenn, wenn ich versuche zu testen, die Fang - /Fehler-Zustand, der durch die Weitergabe Observable.throw({}) es war, zeigt mir die Fehler wie erwartet wurde Response Art Rückkehr aus dem Dienst.

Also unter service mocking Rückkehr war er mir diesen Fehler.

someServiceApi.getData
  .and.returnValue(Observable.throw(new Response({status: 400, body: [], message: 'not found error'})));

Also Korrigiert habe ich es durch die Replikation der genaue erwarteten Funktion in meiner Rückkehr Objekts, nicht die übergabe eines Response Art Wert.

someServiceApi.getData
  .and.returnValue(Observable.throw({status: 400, json: () => { return {message: 'not found error'}}, body: []}));
//see `json: () => { return {message: 'not found error'}}` inside return value

InformationsquelleAutor Aniruddha Das