Impossible de trouver le module 'rxjs-compat/Observable'.

Question

Je suis en train de mettre à jour le code d'angular 4 vers angular 6. J'ai installé "rxjs" : "^6.3.2" et désinstallé rxjs-compact car j'ai migré le code pour utiliser les nouveaux opérateurs rxjs. J'obtiens toujours les erreurs suivantes. Je ne sais pas pourquoi

ERROR in [at-loader] ./node_modules/rxjs/BehaviorSubject.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/BehaviorSubject'.

ERROR in [at-loader] ./node_modules/rxjs/Observable.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Observable'.

ERROR in [at-loader] ./node_modules/rxjs/Observer.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Observer'.

ERROR in [at-loader] ./node_modules/rxjs/Operator.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Operator'.

ERROR in [at-loader] ./node_modules/rxjs/Subject.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Subject'.

ERROR in [at-loader] ./node_modules/rxjs/Subscription.d.ts:1:15
    TS2307: Cannot find module 'rxjs-compat/Subscription'.

Answer 1

Aucune de ces réponses n'est correcte. L'installation de rxjs-compat est juste une solution de contournement. Tout ce que vous avez à faire est de corriger les importations. Utilisez :

import { Observable } from 'rxjs';

Au lieu de :

import { Observable } from 'rxjs/Observable';

Cette dernière importation est censée disparaître lorsqu'ils se décideront enfin à tuer rxjs-compat (très bientôt, espérons-le)... alors attention, vous devez mettre à jour votre code !

Answer 2

Cela résoudra le problème :

npm install --save rxjs-compat 

Voir ce problème GitHub

Modifier Le 10 octobre 2019, vous pouvez utiliser la syntaxe ci-dessous car la précédente ou la précédente était une solution de contournement.

import { Observable } from 'rxjs/Observable';

Document de référence : https://github.com/ReactiveX/rxjs/blob/master/docs_app/content/guide/v6/migration.md#dropping-the-compatibility-layer

Answer 3

Comme l'a déjà dit Jandro Rojas, l'installation de la dépendance rxjs-compat n'est qu'un palliatif temporaire. À l'avenir, vous devrez toujours corriger cela. La meilleure solution est d'utiliser un guide de mise à jour d'Angular https://update.angular.io/ à cause de certaines erreurs qui peuvent être corrigées automatiquement.

D'après mon expérience des erreurs "Impossible de trouver le module 'rxjs-compat/Observable'", "Impossible de trouver le module 'rxjs-compat'", etc.

• Vous devriez réparer toutes les importations. De :

  import { Observable } from 'rxjs/Observable'

A :

import { Observable } from 'rxjs'

• Si vous utilisez des classes observables RxJS ou autres, vous devez mettre à jour votre code. Utilisez ce guide -> Guide de mise à jour de RxJS v5.x à v6

• Vérifiez attentivement vos dépendances, elles doivent être mises à jour aussi pour utiliser la dernière version de RxJs. Dans mon cas, "ngx-bootstrap" était périmé.

Answer 4

npm install --save rxjs-compat

et relancez le serveur avec ng serve

Cela fonctionne pour moi.

Answer 5

Ouvrez simplement l'invite de commande et ajoutez la commande ci-dessous dans votre dossier racine.

npm i rxjs-compat

J'espère que ça marche