Android White/Blank screen

I have a vanilla Ionic + Angular + Capacitor application, created via “ionic start”. After it’s created, I run the following commands:

  1. npm i --save @capacitor/android
  2. ionic build --prod
  3. npx cap sync android
  4. npx cap open android
  5. In Android Studio (Dolphin) I ran the app, the splash screen appears and then nothing. App is not being loaded.

It’s been 48 hours so far, troubleshooting something that you’d think should work without any issues. Any help is highly appreciated.

Here is my package.json
{
“author”: “Ionic Framework”,
“dependencies”: {
@angular/common”: “^14.0.0”,
@angular/core”: “^14.0.0”,
@angular/forms”: “^14.0.0”,
@angular/platform-browser”: “^14.0.0”,
@angular/platform-browser-dynamic”: “^14.0.0”,
@angular/router”: “^14.0.0”,
@capacitor/android”: “^4.2.0”,
@capacitor/app”: “4.0.1”,
@capacitor/core”: “4.2.0”,
@capacitor/haptics”: “4.0.1”,
@capacitor/ios”: “^4.2.0”,
@capacitor/keyboard”: “4.0.1”,
@capacitor/status-bar”: “4.0.1”,
@ionic/angular”: “^6.1.9”,
“ionicons”: “^6.0.3”,
“rxjs”: “~6.6.0”,
“tslib”: “^2.2.0”,
“zone.js”: “~0.11.4”
},
“description”: “An Ionic project”,
“devDependencies”: {
@angular-devkit/build-angular”: “^14.0.0”,
@angular-eslint/builder”: “~13.0.1”,
@angular-eslint/eslint-plugin”: “~13.0.1”,
@angular-eslint/eslint-plugin-template”: “~13.0.1”,
@angular-eslint/template-parser”: “~13.0.1”,
@angular/cli”: “^14.0.0”,
@angular/compiler”: “^14.0.0”,
@angular/compiler-cli”: “^14.0.0”,
@angular/language-service”: “^14.0.0”,
@capacitor/cli”: “4.2.0”,
@ionic/angular-toolkit”: “^6.0.0”,
@types/jasmine”: “~3.6.0”,
@types/jasminewd2”: “~2.0.3”,
@types/node”: “^12.11.1”,
@typescript-eslint/eslint-plugin”: “5.3.0”,
@typescript-eslint/parser”: “5.3.0”,
“eslint”: “^7.6.0”,
“eslint-plugin-import”: “2.22.1”,
“eslint-plugin-jsdoc”: “30.7.6”,
“eslint-plugin-prefer-arrow”: “1.2.2”,
“jasmine-core”: “~3.8.0”,
“jasmine-spec-reporter”: “~5.0.0”,
“karma”: “~6.3.2”,
“karma-chrome-launcher”: “~3.1.0”,
“karma-coverage”: “~2.0.3”,
“karma-coverage-istanbul-reporter”: “~3.0.2”,
“karma-jasmine”: “~4.0.0”,
“karma-jasmine-html-reporter”: “^1.5.0”,
“protractor”: “~7.0.0”,
“ts-node”: “~8.3.0”,
“typescript”: “~4.7.3”
},
“homepage”: “https://ionicframework.com/”,
“name”: “tolgamobile”,
“private”: true,
“scripts”: {
“ng”: “ng”,
“start”: “ng serve”,
“build”: “ng build”,
“test”: “ng test”,
“lint”: “ng lint”,
“e2e”: “ng e2e”
},
“version”: “0.0.1”
}

:wave: Hello! I’ve spun up a new Ionic application and everything seems to be running alright. Any additional information you can share? If you attach a chrome debugger do you get any additional error information?

open a chromium browser
navigate to chrome://inspect
debug webview
in debugger, use `window.location.reload()` to get any fresh logs

Here’s my code that I generated and spun up a few minutes ago that’s running correctly. GitHub - dallastjames/cap4-angular-ionic-test