Observables.ce n'est pas une fonction

Je vais avoir des problème avec l'importation de Observable.of fonction dans mon projet. Mon Ide, voit tout. Dans mon code j'ai:

import {Observable} from 'rxjs/Observable';

et dans mon code je l'utilise comme ça:

return Observable.of(res);

Des idées?

InformationsquelleAutor uksz | 2016-04-12
  1. 222

    En fait, j'ai importations foiré. Dans la dernière version de RxJS nous pouvons importer comme cela:

    import 'rxjs/add/observable/of';
    • Après mon 192e double-take, j'ai remarqué que dans mon code j'ai été importation à partir de operator/ - rxjs/add/operator/of - au lieu de observable/. Oh pinaise.
    • J'ai trouvé je n'ai pas besoin d'utiliser cette déclaration dans l'une des angulaire des projets. Mais l'un dans l'autre, je dois l'importer. Je ne comprends pas les différences. Connaissez-vous les raisons?
    • Angulaire version, peut-être?! Je n'ai pas eu à le faire pour 4.3.2, mais je n'ai pour 5.0.0.
    • Exactement la même chose avec moi. Je n'ai pas eu à le faire pour 4.4, je le fais maintenant pour 5.2. Encore plus bizarre, je n'ai que de l'inclure dans un fichier, et tous les autres .ts-fichiers simplement ramasser et êtes bon pour aller.
    • Que faire si je Ne trouve pas le module "rxjs/ajouter/observables ou de" ?
    InformationsquelleAutor uksz
  2. 128

    Si quelqu'un a ce problème lors de l'utilisation Angulaire 6/rxjs 6 voir les réponses ici:
    Ne pouvait pas utiliser Observables.de dans RxJs 6 et Angulaire 6

    En bref, vous devez l'importer comme ceci:

    import { of } from 'rxjs';

    Et puis au lieu de l'appeler

    Observable.of(res);

    suffit d'utiliser

    of(res);
    • Merci!!!! Comprendre les importations de Rx est toujours une grande source de frustration pour moi à cause de l'api de la volatilité.
    • j'ai vraiment été sur le point d'écrire la même réponse. gj homme
    • c'est peut-être la bonne réponse
    InformationsquelleAutor jgosar
  3. 41

    Bien que cela semble absolument étrange, avec moi c'était important pour capitaliser le " O " dans le chemin d'importation de import {Observable} from 'rxjs/Observable. Le message d'erreur avec observable_1.Observable.of is not a function reste présent si je peux importer les Observables de la rxjs/observable. Étrange, mais j'espère que cela aide les autres.

    InformationsquelleAutor Mark Langer
  4. 29

    Mon stupide erreur a été que j'ai oublié d'ajouter /add lorsque vous avez besoin d'observables.

    Était:

    import { Observable } from 'rxjs/Observable';
import 'rxjs/observable/of';

    Qui visuellement ressemble OK becasue rxjs/observable/of fichier, en fait, existe.

    Devrait être:

    import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
    • comme @Shaun_grady a souligné, d'une certaine manière cela ne marche pas. Je l'ai fait aller avec sa proposition
    InformationsquelleAutor Eye
  5. 18

    Juste pour ajouter,

    si vous utilisez beaucoup d'entre eux vous pouvez ensuite importer le tout en utilisant 

    import 'rxjs/Rx';

    comme mentionné par @Thierry Templier. Mais je pense que Si vous êtes en utilisant un nombre restreint d'opérateur, alors vous devez importer l'opérateur individuel comme

    import 'rxjs/add/operator/filter';
import 'rxjs/add/operator/mergeMap';
import 'rxjs/add/observable/of';

    comme mentionné par @uksz.

    Parce que " rxjs/Rx, va importer tous les Rx composants certainement à un rapport coût /performances.

    Observables.ce n'est pas une fonction

    • J'ai trouvé je n'ai pas besoin d'utiliser cette déclaration dans l'une des angulaire des projets. Mais l'un dans l'autre, je dois l'importer. Je ne comprends pas les différences. Connaissez-vous les raisons?
    InformationsquelleAutor dharmesh kaklotar
  6. 18

    Correctifs ne fonctionnait pas pour moi, pour quelque raison que ce soit, j'ai donc eu recours à cette méthode:

    import { of } from 'rxjs/observable/of'

//...

return of(res)
    InformationsquelleAutor Shaun Grady
  7. 18

    Si vous utilisez Angulaire 6 /7 

    import { of } from 'rxjs';

    Et puis au lieu de l'appeler

    Observable.of(res);

    suffit d'utiliser

    of(res);
    • Souhaite que je pourrais triple up vote de celui-ci.
    • Un vote est bon 😀
    InformationsquelleAutor Akitha_MJ
  8. 16

    Vous pouvez également importer tous les opérateurs de cette façon:

    import {Observable} from 'rxjs/Rx';
    • Je ne recommanderais pas l'importation de cette façon, comme c'est une assez grande bibliothèque et "de" est une très petite partie.
    • Observables } à partir de 'rxjs/Observables' importer 'rxjs/ajouter/observables/de'; ne fonctionne pas. Seulement import {Observable} from 'rxjs/Rx'; œuvres. La version 5.4.2
    • quelle erreur avez-vous?
    • Je suis désolé. J'ai fait une erreur. Le fait est que j'ai eu Observable_1.Observable.of(...).delay(...).timeout is not a function. Je n'ai pas utilisé import 'rxjs/add/operator/timeout'
    • Il augmente également le bundle de la taille
    InformationsquelleAutor Thierry Templier
  9. 4

    Cela devrait fonctionner correctement il suffit de l'essayer.

    import { Observable } from 'rxjs/Observable';
import 'rxjs/add/observable/of';
    • Angulaire version ^5.0.0, beau travail
    InformationsquelleAutor alok singh
  10. 4
    //"rxjs": "^5.5.10"
import { of } from 'rxjs/observable/of';

.... 
return of(res)
    • C'est un code unique réponse. Pourriez-vous nous expliquer ce que vous êtes en train de suggérer?
    • Salut à tous, nous ne devrions importer l'opérateur que nous avons besoin, pas l'ensemble de la "Observables" en raison de problème de performances. Dans la nouvelle version (^5.5.10) de la bonne façon à importer", de" l'exploitant est: importer { de } à partir de 'rxjs/observables ou de" ... Ça marche pour mon cas. Je vais modifier ma résolution. Merci Peter.
    InformationsquelleAutor letanthang
  11. 4

    Mis à niveau à partir Angulaire 5 /Rxjs 5 Angulaire 6 /Rxjs 6?

    Vous devez modifier vos importations et votre instanciation. Découvrez Damien post de blog

    Tl;dr:

    import { Observable, fromEvent, of } from 'rxjs';

const yourResult = Observable
    .create(of(yourObservable))
    .startWith(null)
    .map(x => x.someStringProperty.toLowerCase());

//subscribe to keyup event on input element
Observable
    .create(fromEvent(yourInputElement, 'keyup'))
    .debounceTime(5000)
    .distinctUntilChanged()
    .subscribe((event) => {
        yourEventHandler(event);
    });
    • À l'aide de 6.0, en essayant de vous abonner à Observables.créer(des(val)) a abouti à la "ce._subscribe n'est pas une fonction". Au lieu de cela, j'ai créé un observable par tout le qualifiant "d'(val)".
    InformationsquelleAutor KVarmark
  12. 4

    Je suis en utilisant Angulaire 5.2 et RxJS 5.5.6

    Ce code n'a pas travail:

         import { Observable,of } from 'rxjs/Observable';

     getHeroes(): Observable<Hero[]> {
        return of(Hero[]) HEROES;

      }

    Code ci-dessous travaillé:

        import { Observable } from 'rxjs/Observable';
    import { Subscriber } from 'rxjs/Subscriber';

     getHeroes(): Observable<Hero[]> 
     {
          return Observable.create((observer: Subscriber<any>) => {
              observer.next(HEROES);
              observer.complete();
          });

      }

    Méthode d'appel:

    this.heroService.getHeroes()
      .subscribe(heroes => this.heroes = heroes);

    Je pense qu'ils peuvent déménagé ou changé de() la fonctionnalité dans RxJS 5.5.2

    InformationsquelleAutor karunakar bhogyari
  13. 2

    J'ai eu ce problème aujourd'hui. Je suis en utilisant systemjs pour charger les dépendances.

    J'ai été chargement de la Rxjs comme ceci:

    ...
    paths: {
        "rxjs/*": "node_modules/rxjs/bundles/Rx.umd.min.js"
    },
...

    Au lieu d'utiliser des chemins d'accès utiliser ceci:

    var map = {
...
'rxjs':                       'node_modules/rxjs',
...
}

var packages = {
...
'rxjs': { main: 'bundles/Rx.umd.min.js', defaultExtension: 'js' }
...
}

    Ce petit changement dans la façon de systemjs de chargement de la bibliothèque fixe mon problème.

    InformationsquelleAutor Eli
  14. 2

    Angulaire 5+ :

    import { Observable } from 'rxjs/Observable';devrait fonctionner. L'observateur paquet doit correspondre à l'importation ainsi import { Observer } from 'rxjs/Observer'; si vous êtes à l'aide d'observateurs c'est

    import {<something>} from 'rxjs'; fait un énorme importation il est donc préférable de l'éviter.

    InformationsquelleAutor SS-
  15. 2

    RxJS 6

    Lors de la mise à niveau vers la version 6 de la RxJS bibliothèque et non à l'aide de la rxjs-compat paquet le code suivant

    import 'rxjs/add/observable/of';   
  //...
  return Observable.of(res);

    doit être changé dans

    import { of } from 'rxjs';
  //...
  return of(res);
    InformationsquelleAutor zgue
  16. 2

    Pour moi (Angulaire 5 & RxJS 5) la saisie semi-automatique d'importation suggéré: 

    import { Observable } from '../../../../../node_modules/rxjs/Observable';

    tout doit être (avec toutes statique opérateurs from, of, e.c.t fonctionne bien: 

    import { Observable } from 'rxjs/Observable';
    InformationsquelleAutor Tomas
  17. 1
    import 'rxjs/add/observable/of';

    montre d'une exigence de rxjs-compat 

    require("rxjs-compat/add/observable/of");

    Je n'avais pas installé sur votre ordinateur. Installé par 

    npm install rxjs-compat --save-dev

    et en relançant fixé mon problème.

    InformationsquelleAutor Esaith
  18. 1

    Dans rxjs v6, of opérateur doit être importé en tant que import { of } from 'rxjs';

    InformationsquelleAutor Lasantha Basnayake
  19. 0

    En quelque sorte, même Webstorm fait comme ça import {of} from 'rxjs/observable/of';
    et tout a commencé à travailler

    InformationsquelleAutor Yevheniy Potupa