2017-03-16 8 views
0

最近、angle-cliを1.0.0-rc2に更新しましたが、--prodスイッチでアプリケーションをビルドできない場合を除き、 。インジケータを読み込むためにng2-spin-kitモジュールを使用しており、ng-2-spin-kitモジュールの各コンポーネントのモジュールを見つけることができないと不平を言っています。どのようなアイデアがここで間違っている可能性がある?どうすればこの問題を解決できますか?--prodスイッチを使ってビルドするときにAngular2/Angular-cliの奇妙なエラーが発生する

UPDATE

は、だから、問題は、角度-CLIの最新バージョンは、デフォルトでは(事前にコンパイルの)フラグをtrueに--aotを設定し、私のコンポーネントのいくつかはのために最適化されていないということです判明しますaot compilation ...私のすべてのコンポーネントをどのように更新して、事前にコンパイルできるようにしたらいいですか?私は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> 
+0

IS 'RotatingPlaneComponen'コンポーネントがあなたのモジュールで宣言されていますか? –

+0

@Gili Yaniv上記の更新を参照してください – user2094257

+0

あなたのappModuleを共有できますか? –

答えて

0

実際、通常では、「コンポーネント」は、AOTをサポートするために特別な何かを必要とするが、モジュールのニーズはありません。あなたのエラーの理由は、あなたが使用するモジュールng2-spin-kitがAOTをサポートしていないためです。このissueを見れば、AOTに関するエラーと言えます。

このスピンモジュールを更新することができます。 AOTのサポート方法については、thisを確認してください。

+0

スピンキットを使用せずにng-2スピンキットのサークルコンポーネントをコピーしました私のコードにも同じエラーが出ています...それは他のコンポーネントビューでユーザーであるコンポーネントについて不満があるようです私のnavbarとローダー – user2094257