短縮版：
クイックスタートに従って systemJS を使用する angular2 (現在 2.2.1) は、遅延ロードされたモジュールと事前コンパイルの両方で機能しますか?
より長いバージョン:
私は angular2 を初めて使用し、angular.io のクイックスタートと追加のドキュメントに従って、いくつかのコンポーネントを含む単純なサイトを作成し、ルーティングによって遅延ロードされるモジュールに分割しました。
ここに従ってください: https://angular.io/docs/ts/latest/cookbook/aot-compiler.html
すべての指示に従いました。「node_modules/.bin/ngc」-p tsconfig-aot.json コマンドで aot フォルダーに出力があり、「build.js」ファイルがあります。 '"node_modules/.bin/rollup" -c rollup-config.js' コマンドを実行した後の dist フォルダー。
index.html をセットアップして system.js を削除し、代わりに build.js 出力を参照しました。
私の最初の実行は失敗し、「システム」が何であるかわからないと不平を言っています。ビルド プロセスでは、system.js は不要になったので、そこで何が起こっているのかわかりません。
system.js を含めて再度実行すると、エラーに次のスタック トレースが表示されます。
リソースの読み込みに失敗しました: サーバーは 404 (Not Found) のステータスで応答しました build.js:3 例外: Uncaught (in promise): Error: (SystemJS) XHR error (404 Not Found) loading http://localhost:3000 /app/shell/layout.module.ngfactory エラー: XHR エラー (404 Not Found) http://localhost:3000/app/shell/layout.module.ngfactory を XMLHttpRequest.wrapFn [as _onreadystatechange] で読み込み中 ( http:// localhost:3000/node_modules/zone.js/dist/zone.js:698:29 ) で ZoneDelegate.invokeTask ( http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35 ) でObject.onInvokeTask ( http://localhost:3000/dist/build.js:4:15086 ) で ZoneDelegate.invokeTask (http://localhost:3000/node_modules/zone.js/dist/zone.js:264:40 ) Zone.runTask ( http://localhost:3000/node_modules/zone.js/dist/zone.js:154 ) :47 ) XMLHttpRequest.ZoneTask.invoke ( http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33 )でhttp://localhost:3000/app/shell/layout のロード中にエラーが発生しました。 module.ngfactory (SystemJS) XHR エラー (404 Not Found) http://localhost:3000/app/shell/layout.module.ngfactory の読み込み エラー: XHR エラー (404 Not Found) http://localhost:3000/app の読み込み中XMLHttpRequest.wrapFn の/shell/layout.module.ngfactory [_onreadystatechange として] ( http://localhost:3000/node_modules/zone.js/dist/zone.js:698:29) ZoneDelegate.invokeTask ( http://localhost:3000/node_modules/zone.js/dist/zone.js:265:35 ) で Object.onInvokeTask ( http://localhost:3000/dist/build.js:4 ) :15086 ) ZoneDelegate.invokeTask ( http://localhost:3000/node_modules/zone.js/dist/zone.js:264:40 ) で Zone.runTask ( http://localhost:3000/node_modules/zone.js ) /dist/zone.js:154:47 ) XMLHttpRequest.ZoneTask.invoke ( http://localhost:3000/node_modules/zone.js/dist/zone.js:335:33 ) でhttp://localhostのロード中にエラーが発生しました: 3000/app/shell/layout.module.ngfactory
' http://localhost:3000/app/shell/layout.module.ngfactory 'をロードしようとしているのが不思議です。これは私の遅延ロード モジュールの 1 つです。
AOT は遅延ロードされたモジュールでは機能しませんか?