問題タブ [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 - JiT コンパイルに AoT プリコンパイル済みコンポーネント ファクトリを使用する
バックエンドからのランダムなマークアップがあり、JiT を使用して実行時にコンパイルする必要があります。このマークアップで使用されるすべてのコンポーネントは、(entryComponents ブロックに追加された) AoT で事前にコンパイルされているため、ランタイムにコンポーネント ファクトリがあります。提供されたマークアップをコンパイルするとき、JiT は既存のコンポーネント ファクトリを無視し、すべての内部コンポーネントを再コンパイルします。
コンポーネントの AoT プリコンパイル済みファクトリを JiT コンパイラに提供して、動的テンプレートを使用して動的コンポーネントを 1 つだけコンパイルする方法はありますか?
コンパイルする必要があるマークアップは次のようになります
任意のネスト (通常のマークアップには 1500 ～ 2000 の DOM ノードを含めることができます)
ps私はAoTでJiTを取得するためにこの方法を使用しています https://github.com/angular/angular/issues/15510#issuecomment-294301758そしてちょうど
angular - AOT を使用した Angular 4 注入コンソール
このコードは、事前コンパイルの開発モードでは失敗します。
コンソールを挿入するにはどうすればよいですか?
angular - Angular AoT が不適切な外部ディレクトリ参照を生成する
複数の Angular および NodeJS プロジェクトを含むプロジェクト (すべて Typescript) の作成に取り組んできました。その部分はかなりうまくいっていますが、すべての Typescript プロジェクトがプロジェクト モジュール、Typescript インターフェイス、NgModules などを共有できるライブラリ フォルダーをソース フォルダーの下に置くことができれば、かなり素晴らしいと思いました。実際のモデルへの ModuleFactory 参照は、'lib' NgModules に対して正しく変換されません。
デモを作成し、例として GitHub にアップロードしました: https://github.com/ItsBaneDude/broken-external-links
コンパイルスクリプトをnpmスクリプトとして以下に含めました
ブラウザーで自動的に実行されているのを確認できるように、JiT サーブ スクリプトを配置するのを忘れていましたng serve --dev。
それで、何が起こるか：あなたは本番用にビルドしようとするとnpm run build-aot、それは言う
残念。なぜだろう。
AoT コンパイルを実行し npm run compile-aotます...「動作します」...
さて、AoT foder は で生成されsrc/project-ng/aotます。に進むと.../aot/app/app.module.ngfactory.ts、10 行目にアプリ モジュールのインポートステートメントが表示されます。
import * as i1 from '../../app/app.module';
わかりました、クールです。それは まで正しく続き、正常に../../app/app.module解決されます。
libただし、フォルダー内を除いて AoT フォルダーに再度アクセスすると、10 行目に表示され、TestModuleをインポート...aot/lib/modules/test/test.module.ngfactory.tsしようとしていますが、./test.module
import * as i1 from './test.module';
しかし、私たちが合理的で、自己とコンピューターを認識する人間として知っているように、それはもっと../../../../../lib/modules/test/test.module.
やだ
公平を期すために、私は最近 Angular の開発を始めたばかりです。しかし、私はもっと吸わないようにしています！誰かが私に手を貸してくれるなら、私はあなたの借りた専門知識に非常に感謝しています.
angular - (ng2-charts、angular) AOT 後にドーナツ チャートが表示されない? （ただし、フィルテキストは機能しています）
ドーナツ チャートは、ここ数日まで常に機能していました。何が変わったのかわかりませんが、何らかの理由で実際のドーナツは AOT ビルド後に表示されませんが、開発モードでは表示されます。html の違いはわかりますが、なぜ違うのかわかりません。ドーナツの真ん中に描いた凡例と塗りつぶしの割合はまだ表示されていますが、表示されていないのはドーナツだけです。渡されるデータがまったく同じであることを確認しました。超変。なぜ突然変わったのかわかりません。これは、動作している HTML と動作していない HTML の画像です。
働く：
動作しない: (AOT ビルド後)
作業中のドーナツには iframe があり、非表示のドーナツにはありません。