javascript - [WDS] 연결 끊김이 계속해서 반복적으로 나타납니다.

Question

최근에 webpack에 대한 문의가 있어서 오늘은 webpack의 HMR을 구성해 보았습니다.
크롬 콘솔에 [WDS] Disconnected! 경고가 계속해서 나타납니다.

I 여러 가지 방법을 찾아봤지만 이유를 찾을 수 없어서 여러분께 조언을 구하러 왔습니다.
첨부된 코드 구조는 다음과 같습니다:

package.json

으아아아

webpack.config.js

으아아아

이상한 점은 IE11에서는 이런 종류의 경고가 표시되지 않고 Chrome에는 항상 표시되며 버전은 58.0.3029.110

입니다.

Answer 1

아직 문제의 원인을 찾지 못했으나, 핫리로드 문제는 자체적으로 해결되었습니다.
JS 항목에 다음 코드를 추가하세요.

으아악

Answer 2

Webpack의 HMR 기능은 JSON 패치를 푸시하기 위해 WebSocket을 통해 구현되며 타사 라이브러리 지원이 필요합니다.

IE11은 WebSocket을 지원하지 않는 것 같으므로 그러한 경고가 없습니다. Chrome에서 Vue를 사용할 때 이 문제가 발생하는 경우 Vue의 HMR 플러그인을 도입하지 않았기 때문일 수 있으므로 다른 플러그인을 설치해야 합니다vue-hot-reload-api.

구체적인 솔루션에 대해서는 제가 작성한 블로그 게시물(http://ewind.us/2017/webpack-...)을 참조하세요.