在平台浏览器中使用BrowserAnimationsModule构建AOT错误

时间:2017-06-12 03:38:16

标签: javascript angular angular2-aot

我目前正在使用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-b​​rowser/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 谢谢您帮忙。

0 个答案:

没有答案