angulaire + 4.2.4 + RxJS Tapuscrit 2.3.4: "premier 5.4.2()" est pas connu sur Observable

Question

edit See Ikhtiyor's answer as it may fix the TypeScript related issue. My problem came from the fact I forgot to .subscribe and wrote the handler function in .first() directly.

Alors, face à cette erreur (!?!):

Property 'first' does not exist on type Observable<{}> 

J'ai trouvé des discussions où les gens coincés dans les versions suivantes et ont obtenu leurs problèmes résolus:

Angular 4.2.4 + Typescript 2.3.4 + RxJS 5.4.2

Pourtant, il ne fonctionne pas pour moi. Testé sur 2 machines (une mac, une windows). Pas même après avoir effacé node_modules et re-npm les installer. Toute personne faisant face à ce bloqueur?

Exemple:

const obs = new Observable(observer => { 

    setTimeout(() => { 
    observer.next(
     [{ 
     type: 'voting', 
     title: 'First dynamic resolution', 
     description: 'Issued by dummy web API. Dynamic data rocks.', 
     documents: ['a doc'], 
     voting:{ 'jem': -1 }, 
     status: 'PENDING' 
     }, { 
     type: 'voting', 
     title: 'Other dynamic resolution', 
     description: 'Issued by dummy web API. We know Jem is proud.', 
     documents: ['another doc'], 
     voting:{ 'jem': -1 }, 
     status: 'PENDING' 
     }] 
    ); 
    }, 1000); 
}); 

// Compile stops here: Property 'first' does not exist on type Observable<{}> 
// Original mistake: it's "obs.first().subscribe(..." 
obs.first(data => { 
    console.log('data feteched'); 
}); 

Answer 1

Vous devez importer chaque méthode observable ou l'opérateur comme celui-ci

pour la méthode import 'rxjs/add/observable/of'; pour l'opérateur import 'rxjs/add/operator/map';