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 {}
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.
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
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