2016-10-11 12 views
11

Kiedy swithch do mojego Linux PC otrzymuję błąd tak:błąd TS2304: Nie można odnaleźć nazwy 'Obserwowalne' angularjs 2

app/app.module.ts(21,67): error TS2304: Cannot find name 'Observable'. 
app/app.module.ts(25,53): error TS2304: Cannot find name 'Observable'. 
app/app.module.ts(29,68): error TS2304: Cannot find name 'Observable'. 
app/app.module.ts(33,67): error TS2304: Cannot find name 'Observable'. 
app/app.module.ts(37,56): error TS2304: Cannot find name 'Observable'. 
app/app.module.ts(52,27): error TS2304: Cannot find name 'Observable'. 
app/app.module.ts(52,50): error TS2304: Cannot find name 'Observable'. 
app/app.module.ts(54,40): error TS2304: Cannot find name '_'. 
app/app.module.ts(56,24): error TS2304: Cannot find name 'Observable'. 
app/app.module.ts(58,24): error TS2304: Cannot find name 'Observable'. 

Każdy wie, rozwiązanie tego problemu?

Również mój wydawca pokazują błędy HttpIntreceptor klasy, kiedy wyjąć to działa dobrze ...

Ta część jest oznaczona: Observable<Response>

można to sprawdzić:

class HttpInterceptor extends Http { 

    constructor(backend: ConnectionBackend, defaultOptions: RequestOptions, private _router: Router) { 
     super(backend, defaultOptions); 
    } 

    request(url: string | Request, options?: RequestOptionsArgs): Observable<Response> { 
     return this.intercept(super.request(url, options)); 
    } 

    get(url: string, options?: RequestOptionsArgs): Observable<Response> { 
     return this.intercept(super.get(url,options)); 
    } 

    post(url: string, body: string, options?: RequestOptionsArgs): Observable<Response> { 
     return super.post(url, body); 
    } 

    put(url: string, body: string, options?: RequestOptionsArgs): Observable<Response> { 
     return this.intercept(super.put(url, body, this.getRequestOptionArgs(options))); 
    } 

    delete(url: string, options?: RequestOptionsArgs): Observable<Response> { 
     return this.intercept(super.delete(url, options)); 
    } 

    getRequestOptionArgs(options?: RequestOptionsArgs) : RequestOptionsArgs { 
     if (options == null) { 
      options = new RequestOptions(); 
     } 
     if (options.headers == null) { 
      options.headers = new Headers(); 
     } 
     options.headers.append('Content-Type', 'application/json'); 
     return options; 
    } 

    intercept(observable: Observable<Response>): Observable<Response> { 
     return observable.catch((err, source) => { 
      if (err.status == 401 && !_.endsWith(err.url, 'api/auth/login')) { 

       return Observable.empty(); 
      } else { 
       return Observable.throw(err); 
      } 
     }); 

    } 
} 
+0

jest to bardzo szeroki, być może dodać składnik, na który otrzymasz błąd. – Bean0341

+0

Wygląda na to, że jest to problem z Inerceptorem, czy możesz sprawdzić kod, główny wpis został zaktualizowany ... Jestem nowy w maszynopisie, więc nie jestem pewien, gdzie jest problem ... – Vladimir

+0

Tak, masz rację, próbuj przekopywać się przez http docs https: // angular.io/docs/ts/latest/api/http/index/Http-class.html Wygląda na to, że przechwytywacz jest nieaktualny i nie jest już dostępny. Nie widzę go w definicji klasy http – Bean0341

Odpowiedz

27

I problem został rozwiązany przez importowanie Observable

import {Observable} from 'rxjs/Rx'; 
4

Można to zrobić na 2 sposoby

1. importu Obserwowalne a następnie importować inne funkcje, takie jak mapy, zrobić, łapać, rzucać cokolwiek używasz

import {Observable} from 'rxjs/Observable'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/catch'; 
..... 
..... 
import 'rxjs/add/observable/throw'; 

2. Importowanie cały Rxjs

import {Observable} from 'rxjs/Rx'; 

lub

import {Observable} from 'rxjs'; 

Jego zaleca się stosowanie pierwszy metoda, ponieważ importowanie całych plików rxjs nie jest konieczne i będzie zawierało wszystkie podmoduły w pakiecie wpływające na rozmiar pakietu i czas ładowania

Powiązane problemy