• Register
0 votes

Problem :

I have upgraded my Angular 4 project using angular-seed but now facing following error
please include either "browseranimationsmodule" or "noopanimationsmodule" in your application.
6.9k points

1 Answer

0 votes

Solution :

I had also encounterd this error message recently and found that it is often misleading.

You must have forgotten to import the most important BrowserAnimationsModule. 

The problem was animating an*ngIf in the component template but I had forgotten to mention it in the @Component.animations for the component class.

  selector: '...',
  templateUrl: './...',
  animations: [myNgIfAnimation] // <-- Please Don't forget it!

If you use an animation in a template then you should also list that animation in the component's animations metadata each and every time.

36.1k points

Related questions

0 votes
1 answer 1.2K views
Problem: I am currently wondering why I am getting below compile error if I just declare variable with var or let keywords? I want to say, below code goes well: export class MyAppComponent { myRefreshClickStream$: any; constructor(){ } } While this brings the error: export class MyAppComponent { var myRefreshClickStream$: any; constructor(){ } }
asked Jan 27 jwilliam 3.9k points
0 votes
1 answer 9 views
Problem: I am getting following message when i run angualr2 program with typescript. angular is running in the development mode. call enableprodmode() to enable the production mode. What is the reason for this message is it a deployment option? Curious for feedback ?
asked Jul 16 quizzBabes 160 points
0 votes
1 answer 465 views
Problem : I am facing below error as : node_modules/rxjs/internal/types.d.ts(81,44): error TS1005: ';' expected. After I tried to do the installation of Angular 6. Check the detailed error as below : ERROR in node_modules/rxjs/internal/types.d.ts(81,44): ... internal/types.d.ts(81,76): error TS1005: ';' expected. node_modules/rxjs/internal/types.d.ts(81,78): error TS1109: Expression expected.
asked Dec 18, 2019 alecxe 7.5k points
1 vote
2 answers 513 views
Problem : I have recently started learning Angular2. I am trying to create the component but I am facing below error. &ldquo;Is an angular component, then verify that it is part of this module.&rdquo; KIndly find below my code for your reference. import { Component } from ' ... : ` <p>This is my Hello World article</p> ` }) export class MyHelloComponent { } Kindly help me in fixing above error.
asked Mar 30 morrisBson 3.2k points
1 vote
2 answers 63 views
Problem : I am beginner to Angular2. Currently I am trying to create a simple form in the Angular2 app but it is not working for me. I am facing below error. &ldquo;Can't bind to 'formGroup' since it isn't a known property of 'form'.&rdquo; I am struggling on this error from couple of days. Still I don&rsquo;t know how to fix above error. Is it possible for somebody to fix it for me?
asked Mar 27 morrisBson 3.2k points