Angular2 Vs2015アプリケーションのデプロイ中に問題が発生しました。アプリケーションを作成し、サーバーにデプロイしました。初めてログインページをリクエストしたとき。すべてのnode_modulesとその他のファイルをロードし、アプリケーションを初めてロードするのに 2 分近くかかります。

AoT(Angular2)で行きたいです。しかし、 Bundling、Minification、Uglifyなどの記事やサポートは見つかりませんでした。アプリケーションは高速にロードされるはずです。

Vs2015、#Angular2.....

参照: https://angular.io/docs/ts/latest/cookbook/aot-compiler.html およびhttps://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html

短縮版：

クイックスタートに従って 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 は遅延ロードされたモジュールでは機能しませんか?

概要: Angular2 アプリケーションに Angular2 AoT を使用しようとしていますが、サーバーから Angular2 にいくつかの値を渡す静的プロバイダーがあるため、ngcいくつかのエラーが表示されます。私の問題は、をngFactory使用して作成されたファイルを取得する方法ですngc。

詳細:クックブック ガイドを使用しています。実行すると"node_modules/.bin/ngc" -p tsconfig-aot.json、次のエラーが表示されます。

tsconfig-aot.json:

パッケージ.json:

index.pug:

main.ts:

app.module.ts:

app.component.ts:

更新 1:コメントで述べたように、サーバーから Angular2、つまり app.module.ts などにデータを渡すために使用した静的プロバイダーのコードを削除すると、正常に動作することを確認しましcreateMainModule()たngc。

更新 2: SystemJS をモジュール ローダーとして使用しています。

以下の github からTour Of Heroesアプリをダウンロードしました。

私はアプリを正常に実行しましたnpm start

でも走ろうとするとnpm run start-aot

次に、次のエラーが表示されます。

package.json では、依存関係は次のとおりです

非常に基本的なアプリで AoT コンパイルを実行しようとしていますが、windows でこのエラーが発生しています。angular-cli を使用して開始していないため、パッケージが不足していますか?

ノードのバージョン: 5.2.0

パッケージ

私は現在、Angular 2 + Universal (サーバー側レンダリング) プロジェクトでの i18n サポートに苦労しています。言語ごとに異なるバンドル ファイルが必要です (例: /server/bundle_EN.js と /server/bundle_DE.js)。

クライアント側のレンダリングでは機能しますが、サーバー側のレンダリングで同じことを行う方法がわかりません。ノード サーバーは一度起動すると、別のテンプレート ファイルを使用する必要があるためです (現在のクライアント言語によって異なります)。

AoT と個別の言語フォルダーを使用してプロジェクトをプリコンパイルし、それらをサーバーで使用することは可能ですか?

ありがとう！

angular.ioサイトの AOT コンパイル ガイドに従おうとしていますが、以下に示すコマンドを実行すると、「node_modules/.bin/ngc」 -p tsconfig-aot.json

エラーが発生します

私のAngularの依存関係はコンパイラのバージョンと一致しています(^2.1.2)

angular 2 AoT コンパイラを使用してサイトのパフォーマンスを改善することにしました。いくつかの要件の問題として、コンポーネントを ng2 アプリに動的にロードする必要があります。AoT コンパイラでアプリのビルドを開始すると、すべてうまくいきますが、URL を開くと、「ランタイム コンパイラがロードされていません」というエラーが表示されます。 、インターネットでいくつかの調査を行った後、Aot はデフォルトでランタイム コンパイラと連携できなかったようです。回避策はありますか？任意の入力をいただければ幸いです。
Github で12885を発行してください。

HTML ファイルをバンドルするのと同じ方法で、Angular2 で JS ファイルをバンドルできますか?

現在、JS ファイルを宣言し、dist フォルダーを使用してテスト サーバーに手動でコピーしています。

angular2 を webpack するときにこれらの JS ファイルをバンドルする方法はありますか?