mapa nie jest funkcją (Rxjs) mimo importowania

Question

było wiele pytań o "mapa nie jest funkcją", ale prawie wszyscy po prostu nie zaimportowali biblioteki rxjs.

W moim przypadku importuję, ale błąd nadal istnieje.

pracuję z jońskich 2 iw ten sposób moje zależności package.json wyglądać następująco:

"dependencies": { 
"@angular/common": "2.0.0", 
"@angular/compiler": "2.0.0", 
"@angular/compiler-cli": "0.6.2", 
"@angular/core": "2.0.0", 
"@angular/forms": "2.0.0", 
"@angular/http": "2.0.0", 
"@angular/platform-browser": "2.0.0", 
"@angular/platform-browser-dynamic": "2.0.0", 
"@angular/platform-server": "2.0.0", 
"@ionic/storage": "1.0.3", 
"ionic-angular": "2.0.0-rc.1", 
"ionic-native": "2.2.3", 
"ionicons": "3.0.0", 
"rxjs": "5.0.0-beta.12" 
} 

Tak to jest, jak tworzę moją usługę:

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

@Injectable() 
export class LoginService { 
    constructor(private http: Http) { 

    } 

    private dataUrl = '/node'; 

    getData() : any { 
     this.http.get(this.dataUrl) 
      .map(response => response.json()) 
      .subscribe(result => console.log(result)); 
    } 
} 

Próbowałem też ponownie zainstalować moduł rxjs, ale wciąż nie ma sukcesu. Może jest niekompatybilny z wersją jonową 2 lub aktualną wersją kątową?

Co myślicie chłopaki?

Cheers,

Andrej

Answer 1

utworzyć plik rxjs-operators.ts

// Statics 
import 'rxjs/add/observable/throw'; 
// Operators 
import 'rxjs/add/operator/catch'; 
import 'rxjs/add/operator/debounceTime'; 
import 'rxjs/add/operator/distinctUntilChanged'; 
import 'rxjs/add/operator/map'; 
import 'rxjs/add/operator/switchMap'; 
import 'rxjs/add/operator/toPromise'; 

i nazwać kiedy w razie potrzeby.

import './rxjs-operators'; 

Answer 2

spróbować

import {Observable} from 'rxjs/Observable'; 

getData() : Observable<any> { 
     this.http.get(this.dataUrl) 
      .map(response => response.json()) 
      .subscribe(result => console.log(result)); 
    } 

Answer 3

miałem ten sam problem.

Używam jspm z system.js. Dla mnie, gdy uaktualniłem mój system, używając jspm update, angular2-http wymagał rxjs@5.0.0-beta.12, ale angular2-dynamic-component@0.0.50 wymagał rxjs@5.0.0-rc.2, który jest wtedy tym, do którego zmapowany jest "rxjs". Przypuszczam, że to była najnowsza wersja? Odkryłem to wszystko, sprawdzając plik config.js utworzony przez jspm.

Więc widocznie kiedy stosowane oświadczenie ...

import 'rxjs/add/operator/map'; 

... to było dodanie do mapy do rxjs wersję 5.0.0-beta.12 który nie wersja, że ​​był przy użyciu http. Musiałem zmienić linię na ...

import 'npm:rxjs@5.0.0-beta.12/add/operator/map'; 

... a potem zadziałało.

Answer 4

próby

importu {} z iniekcyjne '@ kątowy/core'; importuj {Http, odpowiedź, nagłówki, URLSearchParams, RequestOptions} z '@ kątowego/http'; import {Observable} from 'rxjs/Observable'; importuj "rxjs/Rx";

Answer 5

importować import "rxjs/Rx"; ma pewne problemy z wersją 5.5.2, ponieważ dla każdego importu zmienię się z importu {Observable} z 'rxjs/Rx' na import {Observable} z 'rxjs/Observable';