Angular 4 - Please Include Either "BrowserAnimationsModule" Or "NoopAnimationsModule" In Your Application


Answer :

Adding the lines

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

and

imports: [     BrowserAnimationsModule,     ...  ] 

to app.module.ts actually solves it


One point is definitely you need to add BrowsersAnimationModule in your active Module. But apart from that you need to mention animations for that Synthetic selector (here @routerAnimations) which is Angular Component Meta

@Component({   selector: 'app-card-grid',   templateUrl: './card-grid.component.html',   styleUrls: ['./card-grid.component.scss'],   animations: [     trigger('routerAnimations', [       state('collapsed', style({ height: '0px', minHeight: '0' })),       state('expanded', style({ height: '*' })),       transition('expanded <=> collapsed', animate('225ms cubic-bezier(0.4, 0.0, 0.2, 1)')),     ]),   ], 

Response in comment if you still have any doubts


Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable