Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Testing Ionic 4: Ionic lab display problem
See original GitHub issueDescription: Display does not look good.
Steps to Reproduce: Create new project and run with lab
Output:
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.2.1
[OK] Development server running!
Lab: http://localhost:8200
Local: http://localhost:8100
External: http://172.21.32.243:8100
DevApp: aeion4@8100 on Merry-Christmas
[INFO] Browser window opened to http://localhost:8200!
[ng] webpack: wait until bundle finished: /?ionicplatform=android
[ng] Date: 2018-04-07T20:33:27.870Z
[ng] Hash: f5f13334cda7e469e1ff
[ng] Time: 19214ms
[ng] chunk {inline} inline.bundle.js (inline) 3.85 kB [entry] [rendered]
[ng] chunk {main} main.bundle.js (main) 30.4 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.bundle.js (polyfills) 553 kB [initial] [rendered]
[ng] chunk {styles} styles.bundle.js (styles) 49.2 kB [initial] [rendered]
[ng] chunk {vendor} vendor.bundle.js (vendor) 10.6 MB [initial] [rendered]
[ng] webpack: Compiled successfully.
C:\ae\adaept.com\aeion4>run
C:\ae\adaept.com\aeion4>ionic serve --lab --browser chrome
> ng serve --host=0.0.0.0 --port=8101 --progress=false
> ionic-lab http://localhost:8101 --host localhost --port 8201 --app-name aeion4 --app-version 0.2.1
[OK] Development server running!
Lab: http://localhost:8201
Local: http://localhost:8101
External: http://172.21.32.243:8101
DevApp: aeion4@8101 on Merry-Christmas
[INFO] Browser window opened to http://localhost:8201!
[ng] webpack: wait until bundle finished: /?ionicplatform=android
[ng] webpack: wait until bundle finished: /?ionicplatform=ios&ionicstatusbarpadding=true
[ng] Date: 2018-04-07T20:34:39.403Z
[ng] Hash: f5f13334cda7e469e1ff
[ng] Time: 19315ms
[ng] chunk {inline} inline.bundle.js (inline) 3.85 kB [entry] [rendered]
[ng] chunk {main} main.bundle.js (main) 30.4 kB [initial] [rendered]
[ng] chunk {polyfills} polyfills.bundle.js (polyfills) 553 kB [initial] [rendered]
[ng] chunk {styles} styles.bundle.js (styles) 49.2 kB [initial] [rendered]
[ng] chunk {vendor} vendor.bundle.js (vendor) 10.6 MB [initial] [rendered]
[ng] webpack: Compiled successfully.
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.3
ionic (Ionic CLI) : 4.0.0-rc.3
global packages:
cordova (Cordova CLI) : 8.0.0
local packages:
@angular-devkit/core : 0.3.2
@angular-devkit/schematics : 0.3.2
@angular/cli : 1.7.3
@ionic/schematics-angular : 1.0.0-rc.1
Cordova Platforms : none
Ionic Framework : @ionic/angular 0.2.1
System:
NodeJS : v8.9.4
npm : 5.8.0
OS : Windows 10
Environment Variables:
ANDROID_HOME : not set
C:\ae\adaept.com\aeion4>
Other Information: Relates to: #3044
Issue Analytics
- State:
- Created 5 years ago
- Comments:17 (7 by maintainers)
Top Results From Across the Web
Chapter 4 Testing your app - Ionic Framework
Testing your app in a browser is as simple as running the serve command in your project's root folder. $ ionic serve. This...
Read more >Ionic lab displays only black screen - Stack Overflow
When I run ionic serve --lab the "lab" is just displaying a black screen. I tried removing the lab and installing it again....
Read more >Resolving Ionic Serve lab JS error
While trying to locally test an Ionic 2 application on Safari 9.1.1 using ionic serve -lab I kept receiving the following error: Ionic...
Read more >Electrolyte Panel: MedlinePlus Medical Test
An electrolyte panel, also known as a serum electrolyte test, ... of any of these electrolytes can be a sign of a serious...
Read more >Ionic Tutorial #9 - Error message component for form validation
Ionic Framework Tutorial: creating error messages component for our form validation error messages.Links: Ionic Framework: ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@ShaneMosley I think it’s reasonable that beta software has issues. This is one of them, and it is tracked and prioritized appropriately. As a reminder, this is open source software and PRs are always welcome.
Not to be rude, but this is ridiculous… it worked perfect in 3.X. Why is it an issue to work in 4.X? When is this going to be fixed?