• Register
0 votes
249 views

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 5 3
6,930 points

Please log in or register to answer this question.

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.

@Component({
  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.

9 7 4
38,600 points

Related questions

1 vote
1 answer 5 views
5 views
Problem: Please help me to solve it out : please include either "browseranimationsmodule" or "noopanimationsmodule" in your application.
asked Apr 2 MUHAMMAD MUNEEB 83k points
0 votes
1 answer 26 views
26 views
Problem: I am currently wondering why I am getting below compile error:Unexpected token. a constructor, method, accessor, or property was expected..
asked Mar 6 Wafa Abu Yousef 6.1k points
0 votes
1 answer 4.4K views
4.4K 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, 2020 jwilliam 3.9k points
0 votes
1 answer 193 views
193 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, 2020 quizzBabes 160 points
0 votes
1 answer 896 views
896 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
0 votes
1 answer 1 view
1 view
Question: I'm developing with Ionic 2 and am having a problem with Typescript component templates. From a page, DataPage in the code below, I need to generate and present a modal view when a button is clicked. When I use templateUrl in the modal component, I am presented with an ... this? I don't mind working with template in the short term, but that isn't going to fly when I'm ready to release.
asked 3 days ago Atik03 10.1k points
0 votes
1 answer 4 views
4 views
Problem: created my routing in my app. module. But when I run this I get the following error: Router-outlet' is not a known element: It gives an error telling me that Visual Studio cannot resolve the tag 'router outlet. Any suggestions on how I can fix this error?
asked Mar 27 ummesalma 25.2k points
0 votes
1 answer 1 view
1 view
Problem: I'm on the RC4 and I'm getting the error There is no directive with "exportAs" set to "ngForm" Please HELP!
asked Mar 19 ummesalma 25.2k points
0 votes
1 answer 17 views
17 views
Problem: How can I fix this : Can't bind to 'formcontrol' since it isn't a known property of 'input'
asked Mar 14 Wafa Abu Yousef 6.1k points
0 votes
1 answer 5 views
5 views
Problem: I have multiple components which require the same dependency which requires a string for the constructor. How can I tell angular2 to use a specific instance of the type for DI?
asked Mar 10 ummesalma 25.2k points