2角度 - キャッチされない（約束で）：エラー：XHRエラー（404が見つかりません）

Question

私の英語は、このための私の謝罪悪い:)

私はログインフォームを作成することになり、角度2との問題を抱えていますしかし、Webサービスを呼び出して応答を得た後、私はこのエラーが発生しました。

私のアプリでブロックされ、許可されたユーザーに、私は角度チュートリアルのauth-guard.service.tsに基づいています。

このエラーは、ルーティングのcanLoadアクションの後に来ます。

私は角度2の最新バージョンを使用しています。私のプロジェクトはwebpackをベースにしています。

マイエラー：

core.umd.js?e2a5:3004 EXCEPTION: Uncaught (in promise): Error: XHR error (404 Not Found) loading http://localhost:9090/app/home/home.module 
    Error loading http://localhost:9090/app/home/home.module 
Error: XHR error (404 Not Found) loading http://localhost:9090/app/home/home.module 
    at o (https://code.angularjs.org/tools/system.js:4:12694) 
    at XMLHttpRequest.I.s.onreadystatechange (https://code.angularjs.org/tools/system.js:4:13219) 
    at XMLHttpRequest.wrapFn [as _onreadystatechange] (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:698:29) 
    at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:265:35) 
    at Object.onInvokeTask (eval at <anonymous> (http://localhost:9090/vendor.js:100:2), <anonymous>:6197:41) 
    at ZoneDelegate.invokeTask (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:264:40) 
    at Zone.runTask (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:154:47) 
    at XMLHttpRequest.ZoneTask.invoke (eval at <anonymous> (http://localhost:9090/polyfills.js:2195:2), <anonymous>:335:33) 

あなたはルータloadChidrenを使用するのWebPACKのコンテキストで任意のソリューション:)

Answer 1

私は私の問題を解決した...

をお持ちの場合：

--->次のようにwebpackの設定で 'angular2-router-loader'を実装する必要があります：

loaders: [ 
     { 
     test: /\.ts$/, 
     loaders: ['awesome-typescript-loader', 'angular2-template-loader','angular2-router-loader'] 
     }, 
... 
], 

そして、あなたはそれをインストールする必要があり、このルータローダーを使用する：

npm install angular2-router-loader -- save-dev 

私はこのウェブサイト上のソリューションを参照しています

https://medium.com/@daviddentoom/angular-2-lazy-loading-with-webpack-d25fe71c29c1#.p5wy52jv1

そして、中に子モジュールをインポートしてはいけません親モジュール;）