我用Angular -seed升级了一个Angular 4项目,现在得到了这个错误
找到合成属性@panelState。请在应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”。
我该如何解决这个问题?错误消息到底告诉我什么?
我用Angular -seed升级了一个Angular 4项目,现在得到了这个错误
找到合成属性@panelState。请在应用程序中包含“BrowserAnimationsModule”或“NoopAnimationsModule”。
我该如何解决这个问题?错误消息到底告诉我什么?
当前回答
对我来说是因为我把动画名放在方括号里。
<div [@animation]></div>
但在我拆除支架后,一切都正常工作:
<div @animation></div>
其他回答
我的问题是@angular/platform-browser的版本是2.3.1
npm install @angular/platform-browser@latest --save
升级到4.4.6,在node_modules/@angular/platform-browser下添加了/animations文件夹
试试这个
NPM install @angular/animations@latest
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
这对我很有用。
我得到以下错误:
Found the synthetic property @collapse. Please include either "BrowserAnimationsModule" or "NoopAnimationsModule" in your application.
我遵循Ploppy接受的答案,它解决了我的问题。
以下是步骤:
1.
import { trigger, state, style, transition, animate } from '@angular/animations';
Or
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
2. Define the same in the import array in the root module.
它将解决错误。编码快乐! !
对我来说是因为我把动画名放在方括号里。
<div [@animation]></div>
但在我拆除支架后,一切都正常工作:
<div @animation></div>
针对angularJS 4的更新:
(SystemJS) XHR错误(404 Not Found)加载http://localhost:3000/node_modules/@angular/platform-browser/bundles/platform-browser.umd.js/animations
解决方案:
**cli:** (command/terminal)
npm install @angular/animations@latest --save
**systemjs.config.js** (edit file)
'@angular/animations': 'npm:@angular/animations/bundles/animations.umd.js',
'@angular/animations/browser': 'npm:@angular/animations/bundles/animations-browser.umd.js',
'@angular/platform-browser/animations': 'npm:@angular/platform-browser/bundles/platform-browser-animations.umd.js',
**app.module.ts** (edit file)
import {BrowserAnimationsModule} from '@angular/platform-browser/animations';
@NgModule({
imports: [ BrowserModule,BrowserAnimationsModule ],
...