• Register
0 votes
121 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

0 votes
1 answer 3.1K views
3.1K 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 74 views
74 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 764 views
764 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 84 views
84 views
Problem: I am naive to Angular, Webpack, Bootstrap and typescript. I have tried to write a service but it is throwing the below error while my app is bootstrapping. I am currently using ng2 2.4.2 and the angular-cli 1.0.0-beta.24. My TypeError as below: &ldquo;Uncaught typeerror: ... .navigate(['/project', query]); } public extractData(res: Response) { let body = res.json(); return body || {}; } }
asked Sep 3, 2020 Raphael Pacheco 4.9k points
1 vote
2 answers 3.5K views
3.5K 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, 2020 morrisBson 3.2k points
1 vote
2 answers 130 views
130 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, 2020 morrisBson 3.2k points
0 votes
1 answer 1.6K views
1.6K views
Problem : I am beginner in using Angular material. I am trying to use autocomplete component in the Angular2 project. Please find below the code written for my component. import {Component, OnInit} from "@angular/core"; import {ActivatedRoute, Router} from "@angular/router"; ... ; I am struggling with this issue from past 2 days but unable to resolve it. Can somebody help me in fixing this issue?
asked Feb 27, 2020 mphil 2.3k points
0 votes
1 answer 64 views
64 views
Problem : I am facing below error when trying to launch my Angular app, even if my component is not displayed at all. &ldquo;Can't bind to 'ngmodel' since it isn't a known property of 'input'. ("&rdquo; How can I fix this issue?
asked Feb 19, 2020 mphil 2.3k points
0 votes
1 answer 2.6K views
2.6K views
Problem : I am facing following error from the Angular 2 core.umd.js:5995 EXCEPTION: Uncaught (in promise): Error: Error in app/model_exposure_currencies/model_exposure_currencies.component.html:57:18 caused by: If ngModel is used within a form tag, either the name attribute must be set or the form ... 0-9]+)?" required> </div> </td> Below is my form tag: <form #f="ngForm" (ngSubmit)="onSubmit()">
asked Dec 3, 2019 alecxe 7.5k points