Testing Ionic4 - serve shows two displays

[peterennis]

Description:
ionic serve shows two displays

Steps to Reproduce:

C:\ae\adaept.com\aeion4>ionic serve --lab --browser chrome
> ng serve --host=0.0.0.0 --port=8100 --progress=false
> ionic-lab http://localhost:8100 --host localhost --port 8200 --app-name aeion4 --app-version 0.0.1

[OK] Development server running!

     Lab: http://localhost:8200
     Local: http://localhost:8100
     External: http://192.168.1.67:8100
     DevApp: aeion4@8100 on Merry-Christmas

[INFO] Browser window opened to http://localhost:8200!

[ng] webpack: wait until bundle finished: /?ionicplatform=ios&ionicstatusbarpadding=true
[ng] webpack: wait until bundle finished: /?ionicplatform=android
[ng] Date: 2018-03-28T04:53:39.582Z
[ng] Hash: beda4693df6225dea695
[ng] Time: 13053ms
[ng] chunk {inline} inline.bundle.js (inline) 3.85 kB [entry] [rendered]
[ng] chunk {main} main.bundle.js (main) 23.5 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.bundle.js (polyfills) 548 kB [initial] [rendered]
[ng] chunk {styles} styles.bundle.js (styles) 47.8 kB [initial] [rendered]
[ng] chunk {vendor} vendor.bundle.js (vendor) 9.53 MB [initial] [rendered]
[ng] webpack: Compiled successfully.

Output:

My ionic info:

C:\ae\adaept.com\aeion4>ionic info
cli packages: (C:\Users\peter\AppData\Roaming\npm\node_modules)

   @ionic/cli-utils  : 2.0.0-rc.1
   ionic (Ionic CLI) : 4.0.0-rc.1

global packages:

   cordova (Cordova CLI) : 7.0.1

local packages:

   @angular-devkit/core       : 0.4.6
   @angular-devkit/schematics : 0.4.6
   @angular/cli               : 1.7.3
   @ionic/core                : 0.1.3
   Cordova Platforms          : none
   Ionic Framework            : @ionic/angular 0.0.2-29

System:

   NodeJS : v8.9.4
   npm    : 5.6.0
   OS     : Windows 10

Environment Variables:

   ANDROID_HOME : not set


C:\ae\adaept.com\aeion4>

Other Information:
Windows 10, x64

[peterennis]

npm start

[peterennis]

Ctrc-C in the command window shows this:

C:\ae\adaept.com\aeion4>npm start

> aeion4@0.0.1 start C:\ae\adaept.com\aeion4
> ionic serve

> ng serve --host=0.0.0.0 --port=8101 --progress=false

[OK] Development server running!

     Local: http://localhost:8101
     External: http://192.168.1.67:8101
     DevApp: aeion4@8101 on Merry-Christmas

[INFO] Browser window opened to http://localhost:8101!

[ng] webpack: wait until bundle finished: /
[ng] Date: 2018-03-28T05:05:35.228Z
[ng] Hash: beda4693df6225dea695
[ng] Time: 12334ms
[ng] chunk {inline} inline.bundle.js (inline) 3.85 kB [entry] [rendered]
[ng] chunk {main} main.bundle.js (main) 23.5 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.bundle.js (polyfills) 548 kB [initial] [rendered]
[ng] chunk {styles} styles.bundle.js (styles) 47.8 kB [initial] [rendered]
[ng] chunk {vendor} vendor.bundle.js (vendor) 9.53 MB [initial] [rendered]
[ng] webpack: Compiled successfully.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! aeion4@0.0.1 start: `ionic serve`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the aeion4@0.0.1 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\peter\AppData\Roaming\npm-cache\_logs\2018-03-28T05_05_42_508Z-debug.log

C:\ae\adaept.com\aeion4>

[imhoffd]

@peterennis You used --lab, which opens two displays: one for Android and one for iOS. I think the top part of the displays where it shows the platforms is hidden for you on your screen. See this screenshot:

[peterennis]

Ok. So call it a display bug.
I will look out for it in a future rc.

[imhoffd]

@peterennis Sorry about that. I now see the behavior in my browser. Will fix this right up.