Repository navigation
@ionic/lab only shows md even if ios or wp are selected #3528
Description
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:
Reacted by Pablo García and bnfrnz
Activity
[-]@Ionic/lab [/-][+]@ionic/lab only shows md even if ios or wp are selected[/+]franrull commentedon Aug 23, 2018
I'm having the same problem. Even when installing a new project via
ionic start helloWorld blankjprinsloo commentedon Sep 10, 2018
Same issue here. Any feedback or suggestions? There has been no change log update...
pabloweinx commentedon Sep 12, 2018
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.
bnfrnz commentedon Sep 27, 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:
./node_modules/@ionic/lab/www/build/ionlabionic:modereplace all withionicplatform.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
ionicplatformin the URL as described above, allthis.platform.is('android')andshowWhen="android"will always befalse. So, this is not a good workaround. Use below solution instead which works perfectly. Thanks @jprinsloo.jprinsloo commentedon Sep 27, 2018
Here is a temporary workaround:
ionic serve -l, a localhost browser page opens on port 8200.http://localhost:8200tohttp://localhost:8100/ionic-labThis should render both platforms as expected.
imhoffd commentedon Sep 27, 2018
Since all the config names via query parameters were changed in Ionic 4, we'll have to detect v3 vs v4 and use the proper ones.