2017-06-01 3 views
2

私は過去6ヶ月間Angularを使用してダッシュボードアプリケーションを構築していましたが、JiTコンパイルとgulpブラウザ同期を使用して、変更を加えると即座に更新されます。どちらが素晴らしいか角度AoTとロールアップ - エラー:ランタイムコンパイラがロードされていない

私は、プロダクションバージョンを配備して嬉しいですが、私はAoTとロールアップの問題にぶつかってきました。

私はangular.ioガイドを追ったが、私も(ただし、私は、ANへの参照を見つけることができなかった問題を引き起こしている可能性があり、異なる角度のプラグインの数を使用しています以下の

ERROR Error: Uncaught (in promise): Error: Runtime compiler is not loaded 
Error: Runtime compiler is not loaded 
    at _throwError (build.js:5036) 
    at Compiler.compileModuleAsync (build.js:5065) 
    at MergeMapSubscriber.project (build.js:34798) 
    at MergeMapSubscriber._tryNext (build.js:30450) 
    at MergeMapSubscriber._next (build.js:30440) 
    at MergeMapSubscriber.Subscriber.next (build.js:425) 
    at ScalarObservable._subscribe (build.js:846) 
    at ScalarObservable.Observable._trySubscribe (build.js:708) 
    at ScalarObservable.Observable.subscribe (build.js:696) 
    at MergeMapOperator.call (build.js:30415) 
    at _throwError (build.js:5036) 
    at Compiler.compileModuleAsync (build.js:5065) 
    at MergeMapSubscriber.project (build.js:34798) 
    at MergeMapSubscriber._tryNext (build.js:30450) 
    at MergeMapSubscriber._next (build.js:30440) 
    at MergeMapSubscriber.Subscriber.next (build.js:425) 
    at ScalarObservable._subscribe (build.js:846) 
    at ScalarObservable.Observable._trySubscribe (build.js:708) 
    at ScalarObservable.Observable.subscribe (build.js:696) 
    at MergeMapOperator.call (build.js:30415) 
    at resolvePromise (zone.js:769) 
    at resolvePromise (zone.js:740) 
    at zone.js:817 
    at ZoneDelegate.invokeTask (zone.js:424) 
    at Object.onInvokeTask (build.js:6048) 
    at ZoneDelegate.invokeTask (zone.js:423) 
    at Zone.runTask (zone.js:191) 
    at drainMicroTaskQueue (zone.js:584) 
    at ZoneTask.invoke (zone.js:490) 

を持っていますAoTの問題)、つまりMyDatePickerMyDateRangePickerです。私はまた、がランタイムコンパイラがロードされていないスローするように私のbuild.jsファイルを引き起こしている私が間違っているの気にいらがあり、JSライブラリのカップルがD3.jsmomement.js

だから私の質問があるなどありますか?誰もが問題に任意の洞察力を持っている場合は、任意の特定のコードスニペットを必要とする場合

はそれをいただければ幸い私はtsconfig-aot.jsonrollup-config.json本質的angular.io

おかげで同じであると述べたように、私に知らせて事前に

+0

ミニマップを再現するシナリオが役立ちます。問題を特定し、修正する時間を短縮するのに役立つコードを抽出したgithubリポジトリがありますか? – yurzui

+0

@yurzui関連性があると思われるビットをいくつか追加しました。追加のファイルが必要かどうかお知らせください。 https://github.com/OliverJACooke/AngularAoTIssues –

+1

コンパイラはどこですか? callstackエラーを使用して見つけることができます。 'compileModuleAsync'にブレークポイントを入れるだけです。 – yurzui

答えて

1

yurzuiに大きな感謝、私自身の質問にお答えするためのコメントに感謝します。

実行時コンパイラがどこにロードされているかを知る方法は、私の生成したbuild.jsに行き、compileModuleAsyncの使用を見つけることでした。私はloadChildrenメソッドの中で見つけました、その使用を取り除いた後、プロジェクトはブラウザで正常に実行されました。

しかし、loadChildrenが原因でコンパイラがロールアップ時に読み込まれる原因がわかりません。

これが役に立ちます。

関連する問題