当使用--prod开关构建时Angular2/Angular-cli奇怪的错误

Question

我最近更新了angular-cli为1.0.0-rc2，并且除了我无法使用--prod开关构建我的应用程序外， 。我正在使用ng2-spin-kit模块加载指示器，并且一直抱怨无法为ng-2-spin-kit模块的每个组件找到模块。任何想法在这里可能会出错？我怎么解决这个问题？

UPDATE

因此，原来的问题是，角CLI的最新版本的默认设置--aot（提前时间编译）标志，以真实，我的一些组件未优化aot编译...任何想法如何我可以更新我的所有组件提前编译接受？我不是指ng2-spin-kit。只是我的应用程序的特定组件，事实证明我的大部分组件，用于AOT优化，即使我不打算让他们可以在书写他们...

my app.module.ts: 

import { BrowserModule } from '@angular/platform-browser'; 
import { NgModule } from '@angular/core'; 
import { FormsModule, ReactiveFormsModule } from '@angular/forms'; 
import { HttpModule } from '@angular/http'; 
import { RouterModule, Routes } from '@angular/router'; 
import { CircleComponent } from './components/loader/spinner/circle.component'; 


import { AppComponent } from './app.component'; 
import { ProductComponent } from './Components/product/product.component'; 

import { CheckBarcodesComponent } from './Components/check-barcodes/check-barcodes.component'; 
import { HomeComponent } from './Components/home/home.component'; 
import { NavigationComponent } from './Components/navigation/navigation.component'; 
import { SettingsComponent } from './Components/settings/settings.component'; 
import { StockTransactionItemComponent } from './Components/stock-transaction-item/stock-transaction-item.component'; 
import { StockTakeComponent } from './Components/stock-take/stock-take.component'; 
import { LoaderComponent } from './Components/loader/loader.component'; 
import { ErrorComponent } from './Components/error/error.component'; 
import { GoodsReceivedComponent } from './components/goods-received/goods-received.component'; 
import { LoginComponent } from './components/login/login.component'; 

import { RestService } from './services/rest.service'; 
import { LocalStorageService } from './services/local-storage.service'; 
import { UserService } from './services/user.service'; 

import { AppRoutingModule } from './app.routing'; 
import { StatusComponent } from './Components/status/status.component'; 
import { StringToDatePipe } from './pipes/string-to-date.pipe'; 



@NgModule({ 
    declarations: [ 
    AppComponent, 
    ProductComponent, 
    CheckBarcodesComponent, 
    HomeComponent, 
    NavigationComponent, 
    SettingsComponent, 
    StockTransactionItemComponent, 
    StockTakeComponent, 
    CircleComponent, 
    LoaderComponent, 
    GoodsReceivedComponent, 
    ErrorComponent, 
    StatusComponent, 
    LoginComponent, 
    StringToDatePipe  
    ], 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    ReactiveFormsModule, 
    HttpModule, 
    AppRoutingModule 
    ], 
    providers: [ 
    RestService, 
    LocalStorageService, 
    UserService 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { } 

NG2自旋套件：https://www.npmjs.com/package/ng2-spin-kit

我的错误/输出：

{0} polyfills.34c267ddff87908e0732.bundle.js (polyfills) 157 kB {5} [initial] [rendered] 
chunk {1} main.8abb16adf25a257394ee.bundle.js (main) 534 kB {4} [initial] [rendered] 
chunk {2} scripts.dde47148c4c3cb36c6df.bundle.js (scripts) 226 kB {5} [initial] [rendered] 
chunk {3} styles.7c25a02a137df81c1ced.bundle.css (styles) 122 bytes {5} [initial] [rendered] 
chunk {4} vendor.608820e6096d2310322a.bundle.js (vendor) 2.46 MB [initial] [rendered] 
chunk {5} inline.077315b77d1f4e6e0707.bundle.js (inline) 0 bytes [entry] [rendered] 

ERROR in ./src/$$_gendir/app/components/login/login.component.ngfactory.ts 
Module not found: Error: Can't resolve '../loader/loader.component.ngfactory' in 'C:\Users\Deon\Documents\trade-link\rtm\src\$$_gendir\app\components\login' 
@ ./src/$$_gendir/app/components/login/login.component.ngfactory.ts 26:0-65 
@ ./src/$$_gendir/app/app.module.ngfactory.ts 
@ ./src/main.ts 
@ multi ./src/main.ts 

ERROR in ./src/$$_gendir/app/components/login/login.component.ngfactory.ts 
Module not found: Error: Can't resolve '../error/error.component.ngfactory' in 'C:\Users\Deon\Documents\trade-link\rtm\src\$$_gendir\app\components\login' 
@ ./src/$$_gendir/app/components/login/login.component.ngfactory.ts 29:0-63 
@ ./src/$$_gendir/app/app.module.ngfactory.ts 
@ ./src/main.ts 
@ multi ./src/main.ts 

ERROR in ./src/$$_gendir/app/components/goods-received/goods-received.component.ngfactory.ts 
Module not found: Error: Can't resolve '../error/error.component.ngfactory' in 'C:\Users\Deon\Documents\trade-link\rtm\src\$$_gendir\app\components\goods-received' 
@ ./src/$$_gendir/app/components/goods-received/goods-received.component.ngfactory.ts 45:0-63 
@ ./src/$$_gendir/app/app.module.ngfactory.ts 
@ ./src/main.ts 
@ multi ./src/main.ts 

ERROR in ./src/$$_gendir/app/components/login/login.component.ngfactory.ts 
Module not found: Error: Can't resolve '../navigation/navigation.component.ngfactory' in 'C:\Users\Deon\Documents\trade-link\rtm\src\$$_gendir\app\components\login' 
@ ./src/$$_gendir/app/components/login/login.component.ngfactory.ts 44:0-73 
@ ./src/$$_gendir/app/app.module.ngfactory.ts 
@ ./src/main.ts 
@ multi ./src/main.ts 

ERROR in ./src/$$_gendir/app/components/goods-received/goods-received.component.ngfactory.ts 
Module not found: Error: Can't resolve '../navigation/navigation.component.ngfactory' in 'C:\Users\Deon\Documents\trade-link\rtm\src\$$_gendir\app\components\goods-received' 
@ ./src/$$_gendir/app/components/goods-received/goods-received.component.ngfactory.ts 47:0-73 
@ ./src/$$_gendir/app/app.module.ngfactory.ts 
@ ./src/main.ts 
@ multi ./src/main.ts 

ERROR in ./src/$$_gendir/app/Components/loader/loader.component.ngfactory.ts 
Module not found: Error: Can't resolve './spinner/circle.component.ngfactory' in 'C:\Users\Deon\Documents\trade-link\rtm\src\$$_gendir\app\Components\loader' 
@ ./src/$$_gendir/app/Components/loader/loader.component.ngfactory.ts 22:0-65 
@ ./src/$$_gendir/app/Components/settings/settings.component.ngfactory.ts 
@ ./src/$$_gendir/app/app.module.ngfactory.ts 
@ ./src/main.ts 
@ multi ./src/main.ts 

C:\Users\Deon\Documents\trade-link\rtm> 

Answer 1

其实，在正常的“组件”并不需要什么特别的支持AOT，但模块的需求。你错误的原因是你使用的模块ng2-spin-kit不支持AOT。你可以看到这个issue说关于AOT的错误。

您可以更新该旋转模块。关于如何支持AOT，您可以检查this。