Ionic 4: workaround to Ionic Lab black screen error

0 Comments

Hi everyone, sometimes i see around the Ionic Community some people experiencing a common issue when run Ionic lab $ ionic serve --lab to get Ionic 4 project in localhost.

When running the app in Ionic lab mode, and go to browser, some like this appear:
ionic4-ioniclab-blackscreen03

Failed to load resource: the server responded with a status of 404 (Not Found)
:8200/build/app/app.jcrhwwkm.js:1

How to fix it?

Piece of cake! go to project-folder/node_modules/@ionic/lab/www/build/app and rename app.rjnahnnl.js file to app.jcrhwwkm.js by sample following below images:

ionic4-ioniclab-blackscreen02
ionic4-ioniclab-blackscreen04

It works for me and many customers and friends that i have advise about. It causes of different node modules installing, doesn't matter the name of wrong name of Ionic Lab libs, and yes, the way to fix it :)

Now, reload it will get your Ionic Lab works again!

ionic4-ioniclab-blackscreen01

Another way (works with few cases) is clear your browser cache, uninstall ionic lab and install it again making downgrading the version (or not) considering the latest (at this time) version 1.0.24.

From your project folder:

npm uninstall --save @ionic/lab

and then:

npm install --save @ionic/lab@1.0.19

Soon we will release new tutorials, workaround and much more.

Comments