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

Chemistry - Bond Angles In NH3 And NCl3

Are Regular VACUUM ANALYZE Still Recommended Under 9.1?