問題タブ [hot-module-replacement]

まず、このプロジェクトは、Visual Studio 2015 用の有名な .Net Core および ng2 テンプレートに基づいていますVS 2015 テンプレート チュートリアルへのリンク

このテンプレートは非常に優れており、すべてが期待どおりに機能しています。Webpack/HMR も機能しており、.html または .ts ファイルを変更するとすぐに変更を確認できます。

ただし、非常に古いバージョンのライブラリを使用しています。この問題は、すべてのライブラリを最新バージョン (WebPack から 2.2.1) にアップグレードすることにしたときに始まりました。このアップグレードの行程で重大な重大な変更があったため、非常に多くのエラーが発生しました。私はほぼすべてを整理し、この最後の問題を除いて、通常どおりアプリを起動して実行しました.

を使用して変更をロードしなくなりましたHotModuleReplacement (HMR)。ブラウザで更新 (F5) すると、すべての変更がページに反映されます。

ここで、変更を認識し、最新の (正しい) html コードをコンパイルして返したことがわかりますが、ページにロードすることはできませんでした。と言い続けているSelector 'app' did not match any elements.

パッケージ.json

よく知られている angular-universal の問題については、既に 2 つの回避策の ts ファイルをコピーし、boot-server ファイルと boot-client ファイルの両方に追加しました。

webpack.config.vendor.js

ここで提案されているようaspnet-prerenderingに、ベンダー エントリに含めました。

webpack.config.js

boot.server.ts

<app></app>ページがロードされたときにページ上にあることは非常に明確です。そうしないと、最初からページが読み込まれません。しかし、基になるファイルに変更があると、突然それを見つけることができなくなりました。

boot.client.ts

索引.html

このエラーを解決するのを手伝ってもらえますか? ありがとう。

これを Plunkr に載せようとしましたが、.NetCore ファイルを Plunkr にアップロードする方法がわかりません。

上記は私の bundle.js ファイルです。

ご覧のとおり、css コンポーネントが accept 関数の最初のパラメーターとして 2 回呼び出されていることがわかります。これが問題の原因だと思いますが、なぜ 2 回呼び出されるのかわかりません。構成ファイルと index.js も添付します。

ちなみに、module.hot.accept関数の使い方も知りたいです。

パラメータなしでうまく機能しますが、パラメータを指定すると、機能しなくなります。

パラメータは、昨日ドキュメントを読んだとき、ドキュメントが言った「依存関係」ですが、あまりにも曖昧で単純な答えです。

このホット アクセプト機能がどのように機能するか、どのパラメーターを使用する必要があり、何をすべきでないかを説明してください。

HMR を本番環境で実行して、シームレスなアプリケーションの更新に使用したいと考えています。これを行う方法に関するドキュメントやチュートリアルが見つからないようです。

私のセットアップは現在「サーバーレス」であり、統計は AWS S3 から提供されます。私が最初に考えたのは、ある種の「更新」サーバーを作成することです。これにより、HMR クライアントが更新をポーリングし、魔法が機能します。

私の質問:

• a）これを本番環境で実行するにはどうすればよいですか（最適）
• b) これが機能するためには、「更新」サーバーがモジュールの変更を知る必要があります。
  • 更新を含む json ファイルが、HMR が変更を認識するために依存しているものであることはわかっています。このファイルの一部をサーバーにプッシュする必要がありますか?
  • または、サーバーに何らかの方法で S3 ファイルを監視させ、再コンパイルして、更新をトリガーしますか。

完全なソリューションは素晴らしいですが、これがどのように機能するかについての sudo ロジックも素晴らしいでしょう。