我目前正在使用Angular 4,并且还应用Ahead-of-time编译来减少应用程序的boostrap时间。一切正常,但是当我尝试在状态之间将一些过渡动画应用到应用程序时,只有一个问题。
我遵循solution。
当我尝试通过命令构建AOT时:
"ngc -p tsconfig-aot.json && rollup -c rollup-config.js"
它总是以这个错误结束:
“意外值”BrowserAnimationsModule in /home/alex/Documents/htdocs/music_performance/assets/node_modules/@angular/platform-browser/animations/index.d.ts' 由模块“AppModule”导入 /home/alex/Documents/htdocs/music_performance/assets/app/app.module.ts'。 请添加@NgModule注释。“
这是我的app.module.ts
文件:
import {APP_BASE_HREF} from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
//SOME_COMPONENTS_IMPORT
@NgModule({
declarations: [
...
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
routing,
BrowserAnimationsModule
],
providers: [Globals],
entryComponents: [ ... ],
bootstrap: [AppComponent],
})
export class AppModule { }
AOT和汇总的其他配置,我和本文档完全相同: https://angular.io/docs/ts/latest/cookbook/aot-compiler.html 谢谢您帮忙。