Comment puis-je obtenir autour de ce “Sujet de manière incorrecte s'étend Observables” erreur en caractères d'imprimerie 2.4 et RxJS 5.x?

Quand je compile, j'obtiens l'erreur suivante compilateur dans le RxJS déclaration des fichiers:

node_modules/rxjs/Subject.d.ts(16,22): error TS2415: Class 'Subject<T>' incorrectly extends base class 'Observable<T>'.
  Types of property 'lift' are incompatible.
    Type '<R>(operator: Operator<T, R>) => Observable<T>' is not assignable to type '<R>(operator: Operator<T, R>) => Observable<R>'.
      Type 'Observable<T>' is not assignable to type 'Observable<R>'.
         Type 'T' is not assignable to type 'R'.

Ce qui se passe ici, et comment puis-je obtenir autour de cette sans déclassement de la Machine 2.3 ou une version antérieure?

InformationsquelleAutor Daniel Rosenwasser | 2017-06-28

116

Solution

RxJS 5.4.2 devrait maintenant fonctionner parfaitement avec Tapuscrit 2.4.1. Simplement la mise à niveau vers 5.4.2+ si possible.
```
npm install --save rxjs@^5.4.2
```
Si pas, ci-dessous la solution devrait fonctionner.

Pourquoi il se passe

Tapuscrit 2.4 a une rigueur changement, et Subject<T> n'est pas levée à la bonne Observable. La signature devrait vraiment avoir été
```
<R>(operator: Operator<T, R>) => Observable<R>
```
Cela sera corrigé dans les RxJS 6.

Solution Alternative

Des versions plus récentes de RxJS aura ce problème, mais comme une solution temporaire, vous pouvez utiliser le noStrictGenericChecks option du compilateur.

Dans tsconfig.json, le mettre dans "compilerOptions" et mis à true.
```
{
    "compilerOptions": {
        "noStrictGenericChecks": true
    }
}
```
Sur la ligne de commande c'est --noStrictGenericChecks.
- où dois-je utiliser ce "--noStrictGenericChecks" ?
- Le compilerOptions dans votre tsconfig.json. Il suffit de retirer les tirets et le configurer pour true.
- Merci,ça a fonctionné. 🙂
- Pouvez-vous svp m'aider sur ce point - stackoverflow.com/questions/44817801/... . Cela s'est vraiment passé lors de mon tapuscrit mis à jour pour 2.4.1 je pense.
- Sauf que mon tapuscrit 2.4.0 d'exécution ne sait rien à propos de la noStrictGenericChecks option ... et en essayant de mettre cela provoque une erreur..
- Ce sera le travail à la Machine 2.4.1 @Yavin5
- Merci beaucoup pour cette réponse. npm install --enregistrer rxjs@^5.4.2 résout mon problème.
- Réglage noStrictGenericChecks à vrai éliminé de mon erreur, mais j'ai toujours des avertissements: node_modules/ng2-opd-popup/node_modules/@angular/core/src/linker/system_js_ng_module_factory_loader.js 69:15-36 Critique de la dépendance: la demande d'une dépendance est une expression. Aussi, lorsque j'essaie d'exécuter mon application, j'obtiens cette erreur dans le navigateur de la console: Uncaught Error: Unexpected valeur "[object object] "importés par le module "AppModule'. S'il vous plaît ajouter un @NgModule annotation
- fonctionne comme un charme!!
InformationsquelleAutor Daniel Rosenwasser
13

Aujourd'hui, face à cette erreur, et résolu ce pratiquement avec le ci-dessous en trois étapes. Donc partager la même avec l'espoir, il va aider les autres.

Étape 1: Dans le package.fichier json modifiez l'entrée de la "rxjs": "5.4.2",

Étape 2: Supprimer le dossier node_modules du projet,qui est présent dans le répertoire racine

Étape 3 : Maintenant ,cliquez-Droit sur le package.fichier json et cliquez sur restaurer comme indiqué ci-dessous:

Remarque : Il sera de nouveau créer node_module dossier avec les nouveaux fichiers, Maintenant construire la solution, j'espère que vous ne devriez pas obtenir toute erreur de construction liées au problème ci-dessus.
- Correction du problème pour moi. Vous pensez que les tutoriels sur le site officiel Angulaire site web sera mis à jour avec les dernières versions, mais qui ne semble pas être le cas.
- oui vous avez raison et heureux de ce que cela a résolu votre problème @breez. Heureux le partage..:)
- J'ai essayé ta suggestion et il ne fonctionne pas pour moi
InformationsquelleAutor Karthik Elumalai
10

Ajouter
```
"noStrictGenericChecks": true
```
dans le tsconfig.fichier json
- C'est en travaillant sur mon projet.
InformationsquelleAutor shaishav shukla
7

J'ai fait ci-dessous deux changements dans le paquet.fichier json.

1) changé le rxjs version 5.4.1 dans la section des dépendances.

"dépendances":
{

"rxjs": "5.4.1"
}

2) changé le tapuscrit version 2.4.0 dans devDependencies section.

"devDependencies": {
"tapuscrit": "2.4.0"
}

J'ai couru 'npm install de "commande" après avoir fait les deux changements et cela a fonctionné.
- J'ai essayé ta suggestion et il ne fonctionne pas pour moi
InformationsquelleAutor Krishna
2

Dans votre classe du Sujet:

modifier cette ligne:
```
lift<R>(operator: Operator<T, R>): Observable<T>;
```
à :
```
lift<R>(operator: Operator<T, R>): Observable<R>;
```
- Pourquoi a-t-il? Quel est le changement signifie?
InformationsquelleAutor JustLearning

J'ai fait les changements suivants dans le paquet.fichier json.

 "dependencies": {
    "@angular/animations": "4.1.3",
    "@angular/common": "4.4.6",
    "@angular/compiler": "4.4.6",
    "@angular/compiler-cli": "2.4.8",
    "@angular/core": "4.4.6",
    "@angular/forms": "4.4.6",
    "@angular/http": "4.4.6",
    "@angular/platform-browser": "4.4.6",
    "@angular/platform-browser-dynamic": "4.4.6",
    "@angular/platform-server": "4.4.6",
    "@angular/router": "4.4.6",
    "@ionic/storage": "2.0.0",
    "cordova-plugin-console": "1.0.5",
    "cordova-plugin-device": "1.1.4",
    "cordova-plugin-splashscreen": "~4.0.1",
    "cordova-plugin-statusbar": "2.2.1",
    "cordova-plugin-whitelist": "1.3.1",
    "ionic-angular": "2.2.0",
    "ionic-native": "2.4.1",
    "ionic-plugin-keyboard": "~2.2.1",
    "ionic-tooltips": "^2.0.0",
    "ionicons": "3.0.0",
    "rxjs": "^5.4.2",
    "sw-toolbox": "3.4.0",
    "typescript": "2.4.0",
    "zone.js": "0.7.2"
  }

Changements dans rxjs et tapuscrit version.

InformationsquelleAutor Sumant Singh

1

C'est un problème d'incompatibilité entre rxjs et typscript, à l'aide de "rxjs": "5.4.2" et "tapuscrit": "~2.3.4" fonctionne pour moi

InformationsquelleAutor Yue Yin
0

J'ai rencontré le même problème et trouvé ce site utile https://www.georgephillipson.com/blog/jquery/setting-up-angular-2-in-visual-studio-2017/ il avait des instructions étape par étape sur la configuration Angulaire pour un site web MVC a expliqué comment réparer l'erreur que ce post fait référence à et aussi un lien vers GitHub avec le code complet.

Je l'ai trouvé utile donc pensé que je pourrais laisser les autres savoir

Comme par Zoes post, j'ai ajouté plus de la raison pour laquelle je pense que le lien peut être utile

La page indique comment mettre à jour le RxJS pour corriger l'erreur, il montre également comment vérifier si vous avez Nœud et NPM installé sur votre ordinateur et explique comment ajouter du texte dactylographié, il montre ensuite comment configurer votre cshtml fichier pour afficher Angulaire de contenu
- Un lien vers une solution est la bienvenue, mais assurez-vous que votre réponse est utile sans elle: ajouter un cadre autour du lien ainsi les autres utilisateurs auront une idée de ce qu'il est et pourquoi il est là, alors la citation de la partie la plus pertinente de la page que vous créez un lien dans le cas de la page cible n'est pas disponible. des Réponses qui sont un peu plus qu'un lien peut être supprimé.
InformationsquelleAutor Paul Thompson

Dans le tsconfig.json, le mettre dans "compilerOptions" et attribuez la valeur true.

{
    "compilerOptions": true,
    "compilerOptions": {
        "noStrictGenericChecks": true
    }
}

InformationsquelleAutor Suraj

Vous devez vous connecter pour publier un commentaire.

Solution

Pourquoi il se passe

Solution Alternative