Webpack HRMがビューを更新しない

Question

webpack HRMに問題があります。私はwebpackを開始するためにhapi.jsサーバーを使用しています。 Webpackはすべてのファイルをコンパイルします（私のアプリケーションは複数のエントリです）。アプリケーションは最新のReact 15.6を使用しています。私がReactコンポーネントのいくつかを変更すると、webpackは再構築プロセスを開始します。

プロセスの仕上げは、ブラウザのコンソールで、私はログを見ると

http://imgur.com/a/DDTQW

UI /ページ/ログイン/ index.js --->これは私が変更を加えたファイルである

私はChromeでデベロッパーツールの[ネットワーク]タブに移動すると、私はアップデート

http://imgur.com/a/ZYmdb

参照しかし、ビューは、Uではありませんpdated。また、私はローダーとして反応ホットローダー/ webpackを使用します。ページを更新した後、私は変更/更新を見る。私の問題は、変更/更新を受け取った後にビューを再レンダリングする方法です。

おかげ

Answer 1

後半の答えのための

申し訳ホセ・クイントサモラ@

が、私は、なぜこの出来事を発見しました。実際、それは1週間以上かかった。 webpackの設定はすべてokです。私はwebpack-hot-middlewareとreact-hot-reloadを使用しています。上位コンポーネントは 'react-hot-reload'のAppContainerです。すべてのコンポーネントが変更されるたびに同じエラーが表示される - フルリロードが必要です。このプロジェクトは2〜3年以上にわたって開発中です。今では、すべての古いコンポーネントを最新のES6機能でリファクタリングしています。

問題は、彼らが持っているモジュールが変更されたため、メッセージ

これは通常、原因となる主要な要素の一つです

function Index({ a, b, c }) { 
    return ..... 
} 

export default connect(....)(Index) 

例えば、純粋なJS関数でいくつかのコンポーネントがありました（とその両親）は自分自身をホットリロードする方法を知らない

ありがとう！