[WDS] Disconnected!

[ionitron-bot[bot]]

Bug Report

Ionic Info Run ionic info from a terminal/cmd prompt and paste the output below.

Ionic:

ionic (Ionic CLI) : 4.0.5 (/usr/lib/node_modules/ionic) Ionic Framework : @ionic/angular 4.0.0-beta.1 @angular-devkit/core : 0.7.2 @angular-devkit/schematics : 0.7.2 @angular/cli : 6.1.2 @ionic/ng-toolkit : 1.0.5 @ionic/schematics-angular : 1.0.4

Cordova:

cordova (Cordova CLI) : 8.0.0 Cordova Platforms : android 7.0.0

System:

Android SDK Tools : 26.1.1 NodeJS : v8.11.3 (/usr/bin/node) npm : 5.10.0 OS : Linux 4.4

Environment:

ANDROID_HOME : /home/woodz/Android/Sdk

Describe the Bug the browser sometimes show the content sometimes show totally the blank page when reload. Furthermore, the inspect error show: [WDS] Disconnected! vendor.js:91813:5 close http://localhost:8100/vendor.js:91813:5 onclose socket.js:17 ./node_modules/sockjs-client/dist/sockjs.js/</<[5]</EventTarget.prototype.dispatchEvent sockjs.js:170 ./node_modules/sockjs-client/dist/sockjs.js/</<[14]</</SockJS.prototype._close/< sockjs.js:969 ./node_modules/zone.js/dist/zone.js/</ZoneDelegate.prototype.invokeTask zone.js:421 ./node_modules/zone.js/dist/zone.js/</Zone.prototype.runTask zone.js:188 ./node_modules/zone.js/dist/zone.js/</ZoneTask.invokeTask zone.js:496 ZoneTask/this.invoke zone.js:485 timer zone.js:2054

Steps to Reproduce Steps to reproduce the behavior:

1. start a new ionic v4 project by 'ionic start new_project blank --type=angular'
2. cd into the project and run 'ionic serve'.
3. reload and page without inspecting, and next reload the page with inspecting

[imhoffd]

This error is totally normal when you reload the page:

The webpack-dev-server has to re-establish the connection because it gets killed when the page refreshes.

[imhoffd]

@WoodzGoh As for your other issue about the page being blank, I'm not able to reproduce it.

[WoodzGoh]

@dwieeb ya, for the 'ionic serve' issue, you can try to reload multiple times, you will notice sometimes you saw the browser show the default text, sometimes show totally white blank page i just notice that this issue only exist in "Mozilla Firefox Browser" it works fine in "Google Chrome".

[alitalaee]

I Had this problem only in firefox today and fix it with this solution

The solution was to add the following line in angular.json under architect>serve>options:

"disableHostCheck": true

i hope it will help you