Ionic-cli: @ionic/lab only shows md even if ios or wp are selected

Created on 17 Aug 2018 · 6Comments · Source: ionic-team/ionic-cli

Description:
I'm developing an ionic app with ionic 3.9.2.

I've updated the ionic cli and installed the @ionic/lab package.
Lab is working but it show ever md look and feel even if ios or wp are selected.

Steps to Reproduce:

ionic serve --lab

Output:

My ionic info:

Ionic:

   ionic (Ionic CLI)  : 4.1.0 (/Users/ffaraone/.nvm/versions/node/v8.11.3/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.1.9

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.0.5, cordova-plugin-ionic-webview 1.2.1, (and 13 other plugins)

System:

   ios-deploy : 1.9.2
   NodeJS     : v8.11.3 (/Users/ffaraone/.nvm/versions/node/v8.11.3/bin/node)
   npm        : 5.6.0
   OS         : macOS High Sierra
   Xcode      : Xcode 9.4.1 Build version 9F2000

Environment:

   ANDROID_HOME : not set

Other Information:

bug ionic-angular

Source

ffaraone

👍2

Most helpful comment

Here is a temporary workaround:

When running ionic serve -l, a localhost browser page opens on port 8200.
Change as follows: http://localhost:8200 to http://localhost:8100/ionic-lab

This should render both platforms as expected.

jprinsloo on 27 Sep 2018

👍5

All 6 comments

I'm having the same problem. Even when installing a new project via ionic start helloWorld blank

franrull on 23 Aug 2018

👍1

Same issue here. Any feedback or suggestions? There has been no change log update...

jprinsloo on 10 Sep 2018

👍1

Same issue here. I have to downgrade Ionic CLI to 3.20 each time I want to test in iOS & Windows Phone with a minimum of reliability through Ionic Lab.

pabloweinx on 12 Sep 2018

This issue kept me from updating the cli for two months now so I decided to waste some time on it. I think the problem is simply that the platform parameter in the device iframe url is wrong. For me, this fixes it:

Open folder ./node_modules/@ionic/lab/www/build/ionlab
Search for ionic:mode replace all with ionicplatform.

I love ionic. The team's aways busy improving stuff. I just wish they could put a few more man hours into working off the repos' issue backlogs. Triaging that stuff is a pain but there are a bunch of legit issues aging.

EDIT:
Don't do this. When using ionicplatform in the URL as described above, all this.platform.is('android') and showWhen="android" will always be false. So, this is not a good workaround. Use below solution instead which works perfectly. Thanks @jprinsloo.