ОШИБКА в Невозможно прочитать свойство 'pu sh' неопределенного ngx-toastr

Question

В моем приложении я пытаюсь интегрировать Toastr

, как часть того, что я внедрил пакет. json и angular. json. до этого приложение работало. но когда я встраивал app.module.ts

app.module.ts

  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    ReactiveFormsModule,
    ToastrModule.forRoot({
      timeOut: 1000,
      positionClass: 'toast-bottom-right'
    })
  ],
export class AppModule { }

Я получаю следующую ошибку.

@import must precede all other statements (besides @charset)

WARNING in Entry point 'ngx-toastr' contains deep imports into 'C:/Users/angular-frontend/node_modules/@angular/compiler/src/core'. This is probably not a problem, but may cause the compilation of entry points to be out of order.

ERROR in Cannot read property 'push' of undefined

Answer 1

Я решил эту проблему с помощью

ng update @angular/cli @angular/core --allow-dirty

Answer 2

Украсьте свой импорт с помощью декоратора @NgModule:

import {ToastrModule} from 'ngx-toastr';
@NgModule({
  imports: [
    BrowserModule,
    AppRoutingModule,
    HttpClientModule,
    FormsModule,
    ReactiveFormsModule,
    ToastrModule.forRoot({
      timeOut: 1000,
      positionClass: 'toast-bottom-right'
    })
  ],
})
export class AppModule {}

См. https://angular.io/guide/architecture-modules