問題タブ [angular-aot]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
angular - Angular 5 / AoT / Webpack / コード分割の問題
Webpack を使用して Angular 5 で AoT を動作させることに関して、いくつかの問題が発生しています。Webpack AoT ビルドはエラーなしで完了します。
1) @ngtools/webpack AngularCompilerPlugin を使用する場合、遅延ロードされたモジュールによるコード分割は発生しません。標準の Angular/TS 非 AoT ローダー (以下の webpack 構成のコメント付きのルールを参照) を使用すると、遅延ルートごとに個別のバンドルが正しく生成されます。ただし、AngularCompilerPlugin を使用すると、遅延ロードされたモジュールに対応するバンドルは生成されません。以下の関連ファイルの内容を参照してください。私は何が欠けていますか??
パッケージのバージョン:
ウェブパック構成:
tsconfig.json
app.routes.module.ts
2) 私の他の問題は、結果の AoT ビルドを実行しようとすると、次のランタイム エラーが発生することです。
エラー自体 (およびそれが参照するコード) は危険なようですが、エラーが原因でアプリが読み込まれません。
私はこの時点で完全に立ち往生しています。助けてください!:)
angular - Angular 5、Webpack 3. AoT はパラメーターでルーティングを中断します
これは、開発環境での私の作業ルーターです。
ただし、AoT ビルド後に破損し、Web アプリにアクセスしようとすると、この出力が表示されます。
不明なエラー: ルート 'user' の構成が無効です。次のいずれかを指定する必要があります: component、redirectTo、children、または loadChildren
私は次のようにチャイルドでルートを定義しようとしました:(これは開発環境でも機能しました)。
エラーメッセージが意味をなさないのはなぜですか?
編集: 関連する github ディスカッション:リンク