web-dev-qa-db-fra.com

Erreur rxjs_Observable __. Observable.forkJoin n'est pas une fonction?

J'utilise Rxjs dans une application angualr-cli.

dans viewer.component.ts 

    //Other Imports
    import { Observable } from 'rxjs/Observable';
    //omitting for brevity
   export class ViewerComponent implements OnInit, AfterViewInit, OnDestroy {
    someFunction(someArg){
    //omitting for brevity
    let someArray: any = [];
    //Add some info
    Observable.forkJoin(someArray).subscribe(data => {
              //Do something with data
            });
    }
    //omitting for brevity
    }

Je reçois et erreur comme 

ERROR TypeError: __WEBPACK_IMPORTED_MODULE_2_rxjs_Observable__.Observable.forkJoin is not a function
    at ViewerComponent.webpackJsonp../src/app/component/viewer.component.ts.ViewerComponent.someFunction(http://localhost:4200/main.bundle.js:4022:73)
    at http://localhost:4200/main.bundle.js:3951:31

Mais si j'importe Rxjs complètement (import 'rxjs';) tout fonctionne. Aucune erreur . Je semble comprendre ce qu'il faut en plus qui demande . J'essaie aussi d'importer rxjs/Observable/forkjoin mais rien ne sert.

Tous les indicateurs sur la façon de s'y prendre.

angularangular-clirxjs5fork-join
10
Ankesh

Comme expliqué ici , vous avez deux options:

  1. Soit importer tous les opérateurs en un seul paquet
  2. Ou importez chaque opérateur individuellement

Dans le premier cas, vous utiliseriez import comme ceci:

import Rx from 'rxjs/Rx';

Rx.Observable.forkJoin(1,2,3)

Dans le second comme ceci:

import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/forkJoin';

Je crois que ce que vous recherchez est la deuxième option.

25
Max Koretskyi aka Wizard

Dans un projet, j’ai utilisé le code forkjoin suivant pour télécharger des images, cela fonctionne parfaitement. 

/**
       *  Upload multiple image and then update the feature
       */
      public uploadImages(apiParams: any[], imageItems: any[]): Observable<any> {
        if (imageItems.length === 0) return;

        let promises = [];
        for (let imageItem of imageItems) {
          promises.Push(this.uploadImage(apiParams, imageItem));
        }
        return Observable.forkJoin(...promises);
      }

      /**
       * upload single image
       */
      public uploadImage(apiParams: any[], imageItem: any): any {
        let _formData = new FormData();
        _formData.append("UploadedImage", imageItem,  (new Guid()).toString()+'.png');
        const imageApiUrl = StringFormatter.format(imagePoints.create, apiParams);
        return Observable.fromPromise(
          fetch(imageApiUrl, {
            method: "POST",
            body: _formData
          })
          .then(result => result.json())
        );
      }
0
junlan