angularフォームでトースト通知を表示したいのですが、Visual Studio .net Core 2.1テンプレートを使用しています...
ローカルホストの実行中にGET /エラーが発生しません...
表示されているエラーに従ってngビルドを実行しています...
../../../../../node_modules/ng2-toasty/index.d.ts(1,37):エラーTS2307:モジュール '@ angular/core'が見つかりません。 ../../../../../node_modules/ng2-toasty/src/shared.d.ts(1,30):エラーTS2307:モジュール '@ angular/platform-browser'が見つかりません。 ../../../../../node_modules/ng2-toasty/src/shared.d.ts(2,31):エラーTS2307:モジュール「@ angular/core」が見つかりません。 ../../../../../node_modules/ng2-toasty/src/toast.component.d.ts(1,30):エラーTS2307:モジュール「@ angular/core」が見つかりません。 ../../../../../node_modules/ng2-toasty/src/toasty.component.d.ts(1,24):エラーTS2307:モジュール '@ angular/core'が見つかりません。 ../../../../../node_modules/ng2-toasty/src/toasty.service.d.ts(1,28):エラーTS2307:モジュール '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 {}
これは基本的に、angularアプリケーションのビルド時に発生するあらゆる種類のコンパイルエラーが原因です。npmコンソールがクリーンであることを確認してください。これを行うには、npm startVSCode npmコンソールから。
同じ問題に直面していました。app.module.tsファイルを少し変更する必要があります(ほとんどは(..\ClientApp\src\app\app.module.ts)にあります)。 removedeleted componentsおよびdeclarations from app.module.ts
私はこれをngx-toastrライブラリで解決しましたangularアプリケーションを最新バージョン(ClienAppフォルダから)に更新することです。これを使用してください Link 。
アップデート後、ウェブサイトで説明されているようにngx-toastrを追加すると、アプリケーションを実行できるようになります。
または、このコマンドで古いバージョンのngx-toastyをインストールするだけで機能します。
npm install [email protected] --save