當使用--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。