[Ionic v4] Blank screen when running tabs project on Android without changing code
See original GitHub issueBug Report
Ionic Info
Run ionic info
from a terminal/cmd prompt and paste the output below.
Ionic:
ionic (Ionic CLI) : 4.0.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0-beta.0
@angular-devkit/core : 0.7.0-rc.3
@angular-devkit/schematics : 0.7.0-rc.3
@angular/cli : 6.0.8
@ionic/ng-toolkit : 1.0.0
@ionic/schematics-angular : 1.0.1
Cordova:
cordova (Cordova CLI) : 7.1.0
Cordova Platforms : android 6.3.0
System:
ios-deploy : 1.9.2
ios-sim : 5.1.0
NodeJS : v9.9.0 (/usr/local/bin/node)
npm : 6.2.0
OS : macOS Sierra
Xcode : Xcode 9.2 Build version 9C40b
Environment:
ANDROID_HOME : not set
Describe the Bug Unable to build Android app from tabs starter
Steps to Reproduce Steps to reproduce the behavior:
This works and shows the app running in my browser
ionic start myApp tabs --type=angular
cd myApp/
ionic serve
When running:
ionic cordova run android
With my Android device connected via usb I got a white screen. The console of the Android device gives:
styles.cc30f1d5d0942874a01d.css:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
runtime.5102c7f106242716eaa7.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
cordova.adc5592093abc0bc2eb2.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
polyfills.17fd7534d20949996e6f.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
main.16f37d6c80ab0ae66681.js:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
/assets/icon/favicon.png:1 Failed to load resource: net::ERR_FILE_NOT_FOUND
Expected Behavior To see the tabs app running on the device
Issue Analytics
- State:
- Created 5 years ago
- Comments:11 (1 by maintainers)
Top Results From Across the Web
[Ionic v4] Blank screen when running tabs project on Android ...
Run ionic info from a terminal/cmd prompt and paste the output below. Ionic: ionic (Ionic CLI) : 4.0.1 (/usr/local/lib/node_modules/ ...
Read more >New App shows only blank screen on Android with Ionic 5 ...
Running the App in the browser with ionic serve works by the way, I can see the 3 tabs, do changes with live...
Read more >Ionic 4 simple tab in blank project - angular - Stack Overflow
I have create a new project with ionic start myApp blank. Now i need to add tab in to the project i have...
Read more >How to create an Ionic 5 app - For beginners - Enappd
Learn how to create a basic Ionic 5 app in various frameworks - Angular, React, Cordova and Capacitor. Understand code structure ...
Read more >How to create your first mobile app using Ionic Angular
In this Ionic Framework 4 tutorial, we will learn how to create a basic mobile app using Ionic 4 & Angular. Learn to...
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 FreeTop 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
Top GitHub Comments
Finally I solved the problem by updating the Android System Webview in my Android 6. However, I believe that the ionic code could be transpilated to an previous version of ECMAScript or avoid the use of features not compatible with the old versions of Android System Webview, for example,
async functions
, to offer compatibility with previous versions of the Android System Webview, since this is independent of the Android version.I would like to point out that I did tests with Vanilla Apache Cordova and I did not have problems with the old Android System Webview. Ionic should do the same.
@matheusdavidson Great! So basically somehow an old
cordova-android
version is injected in thepackage.json
during the setup phase of the project when Android is added.