対象者は最近 webpack と接觸しました。今日は webpack の HMR を設(shè)定しようとしました。
[WDS] 切斷されました! という警告が Chrome コンソールに繰り返し表示され続けます。スクリーンショットは次のとおりです:
Googleで色々な方法を試してみましたが原因が見(jiàn)つからなかったので、皆さんに助けを求めに來(lái)ました。
コード構(gòu)造を添付します:
リーリーpackage.json
リーリーwebpack.config.js
奇妙なことに、IE11 ではこの種の警告が表示されません。Chrome では常に表示され、バージョンは 58.0.3029.110
問(wèn)題の原因はまだ見(jiàn)つかっていませんが、ホットリロードの問(wèn)題は自然に解決されました。
次のコードをエントリ JS に追加するだけです:
Webpack の HMR 機(jī)能は、WebSocket を通じて JSON Patch をプッシュすることであり、サードパーティのライブラリのサポートが必要です。
IE11はWebSocketをサポートしていないようなので、そのような警告は出ません。 Chrome で Vue を使用しているときにこの問(wèn)題が発生する場(chǎng)合は、Vue の HMR プラグインを?qū)毪筏皮い胜い长趣颏扦ⅳ肟赡苄预ⅳ辘蓼?。つまり、別の HMR プラグインをインストールする必要があります vue-hot-reload-api
。
具體的な解決策については、私が書(shū)いたブログ投稿を參照してください: http://ewind.us/2017/webpack-...