ウェブページ/ホットリロードはページ全体をリロードしますか？

Question

これはおそらく常に尋ねられますが、私は太陽の下であらゆるアプローチを試みましたが、解決策を見つけることができません。

I've created a repo to make it easier to get help。複製することができます。npm installを実行し、次にnpm start:devを実行して、http://localhost:8080のクイックローカルサーバーを表示します。

ファイルを変更すると（たとえば、src/components/Note/Note.css）、アプリケーションがリロードされます。ただし、ページ全体ではなく、コンポーネントをリロードするだけです。私は何が間違っているのか分かりません。どんな助けもありがとう！

Answer 1

このような問題をデバッグするには、ChromeのDevToolsコンソール設定で[ログを保存]を有効にして、ページの更新時にコンソールログを保持します。

エラーだった：以下の変更が行われた後

Uncaught RangeError: Maximum call stack size exceeded 

これは修正されました：

1. （WebPACKの-devのサーバーが--hotで開始される）のプラグインからnew webpack.HotModuleReplacementPlugin()を削除

2. さらにを.babelrcに更新することで、バベルのトランスキングES6モジュールをオプトアウトする["react", ["env", { "modules": false }]]。

"modules": falseインポート/エクスポートをコンパイルし、hereとhereは（ステップ3.3.cを確認してください）説明したようWebPACKのそれを処理させないようにバベルを伝えることです。