Angular 4 - 请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”

我在浏览器中启动我的Angular应用程序时出现问题。一切正常的代码来说，但我仍然收到此错误：Angular 4 - 请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”

Found the synthetic property @routerAnimations. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application.

我已经检查了这个问题的帖子，并有相当多，但所有的人都回答一样：

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

，包括它在应用程序模块的导入中。

imports: [ 
    BrowserAnimationsModule, 
    ... 
]

这就是我所做的，但仍然有同样的错误。我一直在寻找这个解决方案的小时。任何人都知道什么可以解决它？由于

这里是我的package.json：

{ 
    "name": "angular-bc", 
    "version": "0.0.0", 
    "license": "MIT", 
    "scripts": { 
    "ng": "ng", 
    "start": "ng serve", 
    "build": "ng build", 
    "test": "ng test", 
    "lint": "ng lint", 
    "e2e": "ng e2e" 
    }, 
    "private": true, 
    "dependencies": { 
    "@angular/animations": "^4.2.4", 
    "@angular/common": "^4.2.4", 
    "@angular/compiler": "^4.2.4", 
    "@angular/core": "^4.2.4", 
    "@angular/forms": "^4.2.4", 
    "@angular/http": "^4.2.4", 
    "@angular/platform-browser": "^4.2.4", 
    "@angular/platform-browser-dynamic": "^4.2.4", 
    "@angular/router": "^4.2.4", 
    "core-js": "^2.4.1", 
    "rxjs": "^5.4.2", 
    "zone.js": "^0.8.14" 
    }, 
    "devDependencies": { 
    "@angular/cli": "1.4.3", 
    "@angular/compiler-cli": "^4.2.4", 
    "@angular/language-service": "^4.2.4", 
    "@types/jasmine": "~2.5.53", 
    "@types/jasminewd2": "~2.0.2", 
    "@types/node": "~6.0.60", 
    "codelyzer": "~3.1.1", 
    "jasmine-core": "~2.6.2", 
    "jasmine-spec-reporter": "~4.1.0", 
    "karma": "~1.7.0", 
    "karma-chrome-launcher": "~2.1.1", 
    "karma-cli": "~1.0.1", 
    "karma-coverage-istanbul-reporter": "^1.2.1", 
    "karma-jasmine": "~1.1.0", 
    "karma-jasmine-html-reporter": "^0.2.2", 
    "protractor": "~5.1.2", 
    "ts-node": "~3.2.0", 
    "tslint": "~5.3.2", 
    "typescript": "~2.3.3" 
    } 
}

来源

2017-10-11 Messerschmitt

您还需要添加'BrowserModule'你有没有 –

是的，当你用angular-cli生成项目时它已经存在了 – Messerschmitt

检查你是否有nimations安装在你的package.json –

我解决了问题，这个问题在我的app.component.html的 “@routerAnimations”：

<div [@routerAnimations]="myOutlet.state"> 
    <router-outlet #myOutlet></router-outlet> 
</div>

当我删除它，一切工作正常

来源

2017-10-11 12:37:44 Messerschmitt

Angular 4 - 请在您的应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”

回答

相关问题