Found the synthetic property @flyInOut. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application.

Included BrowserAnimations correctly and followed all the steps in the Readme file, but still facing the same issue -->

import { BrowserModule, DomSanitizer } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
imports: [
        BrowserModule,
        BrowserAnimationsModule]
})

FYI…I have implemented a custom toast component.

_Originally posted by @wsh92 in https://github.com/scttcper/ngx-toastr/issues/136#issuecomment-439276200_

[Johncrown56]

If you’re still looking for the solution, do the following;

1. Import BrowserAnimationsModule to your app.module.ts page. Like this below; import { BrowserAnimationsModule } from ‘@angular/platform-browser/animations’;

2. Add the module to your list of imports. Like this below; imports: [ BrowserAnimationsModule ]

This should work perfectly.

[trevor-hackett]

Have you included the animations to your custom component? Components in Angular cannot inherit animations from other components. Although it still somehow causes the error you’ve gotten.

Your best bet is to copy the animations from our Toast component and add it to your custom component and customize it, if desired.