web-dev-qa-db-fra.com

Impossible d'obtenir / erreur dans angular 6 .net core 2.1

Je souhaite afficher la notification de toast dans mon angular. J'utilise le modèle Visual Studio .net Core 2.1 ... Je reçois

Impossible d'obtenir/erreur lors de l'exécution de localhost ...

exécution de ng build suite aux erreurs affichées ...

../../../../../node_modules/ng2-toasty/index.d.ts(1,37): erreur TS2307: Impossible de trouver le module '@ angular/core'. ../../../../../node_modules/ng2-toasty/src/shared.d.ts(1,30): erreur TS2307: Impossible de trouver le module '@ angular/platform-browser'. ../../../../../node_modules/ng2-toasty/src/shared.d.ts(2,31): erreur TS2307: Impossible de trouver le module '@ angular/core'. ../../../../../node_modules/ng2-toasty/src/toast.component.d.ts(1,30): erreur TS2307: Impossible de trouver le module '@ angular/core'. ../../../../../node_modules/ng2-toasty/src/toasty.component.d.ts(1,24): erreur TS2307: Impossible de trouver le module '@ angular/core'. ../../../../../node_modules/ng2-toasty/src/toasty.service.d.ts(1,28): erreur TS2307: Impossible de trouver le module 'rxjs/Observable'.

AppModule:

import { VehicleFormComponent } from './vehicle-form/vehicle-form.component';
import { VehicleService } from './services/vehicle.service';
import { ToastyModule } from 'ng2-toasty';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpClientModule } from '@angular/common/http';
import { RouterModule } from '@angular/router';

@NgModule({
  declarations: [
    AppComponent,
    NavMenuComponent,
    HomeComponent,
    VehicleFormComponent
  ],
  imports: [
    BrowserModule.withServerTransition({
      appId: 'ng-cli-universal'
    }),
    FormsModule,
    HttpClientModule,
    FormsModule,
    ToastyModule.forRoot(),
    RouterModule.forRoot([
      {
        path: '',
        component: HomeComponent,
        pathMatch: 'full'
      },
      {
        path: 'vehicles/new',
        component: VehicleFormComponent
      }
    ])
  ],
  providers: [VehicleService],
  bootstrap: [AppComponent]
})
export class AppModule {}
6
saeef ahmed

Ceci est essentiellement dû à toute sorte d'erreur de compilation survenant lors de la construction de l'application angular. Assurez-vous que la console npm est propre. Pour ce faire, exécutez simplement la commande npm start à partir de la console VSCode npm.

2
Anvid

J'étais confronté au même problème.Vous devez faire un petit changement dans le fichier app.module.ts principalement disponible dans (..\ClientApp\src\app\app.module.ts) .Just - supprimer les composants supprimés et déclarations de app.module.ts

0
Rahul Kumar

J'ai résolu cela avec la bibliothèque ngx-toastr ce que vous devez faire est de mettre à jour votre angular vers la dernière version (du dossier ClienApp). Utilisez ceci Lien .

Après avoir mis à jour, ajoutez ngx-toastr comme ils l'expliquent sur le site Web et vous pourrez exécuter l'application.
Ou vous pouvez simplement installer une ancienne version de ngx-toasty avec cette commande et cela fonctionnera.

npm install [email protected] --save
0
haris369

Ce sera essentiellement une erreur dans votre application Angular. Vous pouvez vérifier la fenêtre "Sortie" dans Visual studio, qui affiche le message d'erreur exact . Here is the sample error you can find in Output window

0
Sachin jeev