Ionic 6 default project white screen on Android 30 or below when using --prod

johced · October 28, 2022, 11:52am

This is my attempt at debuggning my real application that after upgrade to Ionic 6 + Capacitor 4 was only a white page upon loading the application in Android 30 or below (works fine in 31+) All the javascript console.log were showing, but nothing on screen. Nothing in logcat that was showing anything different between Android 31+ and 30 or below.

To debug if it was my application or Ionic I created a new default project.

These are my steps

ionic start test blank --type=angular -capacitor
ionic cap add android
ionic cap sync android --prod

Starting Android Studio, loading /android folder.
Syncing gradle files.

Run application

App is white screen only. No JS errors or anything in logcat.

Building the app with

ionic cap sync android (without --prod)
apply changes in Android studio
run App

The app displays normally!

What can be the cause of this?

My environment
npm 6.14.11
node 14.20.0

The Ionic default app has the following tsconfig

/* To learn more about this file see: Angular. */
{
“compileOnSave”: false,
“compilerOptions”: {
“baseUrl”: “./”,
“outDir”: “./dist/out-tsc”,
“sourceMap”: true,
“declaration”: false,
“downlevelIteration”: true,
“experimentalDecorators”: true,
“moduleResolution”: “node”,
“importHelpers”: true,
“target”: “es2015”,
“module”: “es2020”,
“lib”: [“es2018”, “dom”]
},
“angularCompilerOptions”: {
“enableI18nLegacyMessageIdFormat”: false,
“strictInjectionParameters”: true,
“strictInputAccessModifiers”: true,
“strictTemplates”: true
}
}

julio-ionic · October 28, 2022, 5:54pm

What’s the WebView version of your emulator?
My SDK 30 emulator uses WebView 91 and works fine, but I can reproduce on my SDK 28 emulator with WebView 66, it works fine without --prod, but with --prod I get a white screen.

johced · October 28, 2022, 7:07pm

Hmm. Checking. I fairly “randomly” picked device with different Android versions in my tests.

NOT WORKING: Android 26, Nexus Nexus 5, and Webview 58
WORKS: Android 28, Pixel 5, webview 69 (just added this device now, should’ve tested)
NOT WORKING: Android 30 uses Nexus 6 and its webview is 83 (android webview app)

So it appears to work from around Webview 69, I guess.
But then suddenly does not work in 83. Not great haha.

Is there something I can do about this, or quite possibly some work for a dev within the Ionic team?

ldebeasi · October 28, 2022, 7:29pm

Hey there,

It’s possible that the --prod flag is causing the Angular CLI to perform some optimizations on your code that older versions of the Chromium webview do not support.

What is in your .browserslistrc or browserslist file? The Angular CLI will use this to determine which code it can optimize. For example in bug: Capacitor App showing dark screen after starting it up on IOS v13.3.1 · Issue #25929 · ionic-team/ionic-framework · GitHub, another developer noticed that code was being changed to use inset instead of top/left/bottom/right. Updating their browserlist file to include the browser versions they need to support fixed the issue.

johced · October 28, 2022, 9:08pm

Hey! I checked and both my real app and the tester-app using the starter Ionic default app has the following content (except for the commented out stuff) in “.browserslistrc”:

last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the ‘not’ prefix on this line.

Is there something else I can supply you with?

Did you see that it appears to work in webview 69, but not 66, also not in 83. Must be something very specific that does not work between these versions. Sadly, I see no real errors I believe are the reason because the log is the same across all devices.

However, I’ll post the logcat for the Android 30 version on Nexus 6 with Webview 83. Here it is:
(the app is white screen only)

2022-10-28 23:07:48.953  4039-4039  Capacitor/AppPlugin     io.ionic.starter                     V  Notifying listeners for event pause
2022-10-28 23:07:48.953  4039-4039  Capacitor/AppPlugin     io.ionic.starter                     D  No listeners found for event pause
2022-10-28 23:07:48.953  4039-4039  Capacitor               io.ionic.starter                     D  App paused
2022-10-28 23:07:49.295  4039-4039  Capacitor/AppPlugin     io.ionic.starter                     D  Firing change: false
2022-10-28 23:07:49.295  4039-4039  Capacitor/AppPlugin     io.ionic.starter                     V  Notifying listeners for event appStateChange
2022-10-28 23:07:49.295  4039-4039  Capacitor/AppPlugin     io.ionic.starter                     D  No listeners found for event appStateChange
2022-10-28 23:07:49.295  4039-4039  Capacitor               io.ionic.starter                     D  App stopped
2022-10-28 23:07:49.296  4039-4039  Capacitor               io.ionic.starter                     D  Saving instance state!
2022-10-28 23:07:51.899  4039-4039  Capacitor               io.ionic.starter                     D  App destroyed
---------------------------- PROCESS ENDED (4075) for package io.ionic.starter ----------------------------
---------------------------- PROCESS ENDED (4039) for package io.ionic.starter ----------------------------
---------------------------- PROCESS STARTED (4192) for package io.ionic.starter ----------------------------
2022-10-28 23:07:56.185  4192-4192  NetworkSecurityConfig   io.ionic.starter                     D  No Network Security Config specified, using platform default
2022-10-28 23:07:56.186  4192-4192  NetworkSecurityConfig   io.ionic.starter                     D  No Network Security Config specified, using platform default
2022-10-28 23:07:56.220  4192-4216  libEGL                  io.ionic.starter                     D  loaded /vendor/lib/egl/libEGL_emulation.so
2022-10-28 23:07:56.222  4192-4216  libEGL                  io.ionic.starter                     D  loaded /vendor/lib/egl/libGLESv1_CM_emulation.so
2022-10-28 23:07:56.224  4192-4216  libEGL                  io.ionic.starter                     D  loaded /vendor/lib/egl/libGLESv2_emulation.so
2022-10-28 23:07:56.297  4192-4192  o.ionic.starte          io.ionic.starter                     E  Invalid ID 0x00000000.
2022-10-28 23:07:56.323  4192-4192  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/View;->computeFitSystemWindows(Landroid/graphics/Rect;Landroid/graphics/Rect;)Z (greylist, reflection, allowed)
2022-10-28 23:07:56.323  4192-4192  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/ViewGroup;->makeOptionalFitsSystemWindows()V (greylist, reflection, allowed)
2022-10-28 23:07:56.340  4192-4192  WebViewFactory          io.ionic.starter                     I  Loading com.google.android.webview version 83.0.4103.106 (code 410410681)
2022-10-28 23:07:56.378  4192-4192  o.ionic.starte          io.ionic.starter                     E  Invalid ID 0x00000000.
2022-10-28 23:07:56.378  4192-4192  o.ionic.starte          io.ionic.starter                     E  Invalid ID 0x00000000.
2022-10-28 23:07:56.384  4192-4192  cr_LibraryLoader        io.ionic.starter                     I  Loaded native library version number "83.0.4103.106"
2022-10-28 23:07:56.385  4192-4192  cr_CachingUmaRecorder   io.ionic.starter                     I  Flushed 3 samples from 3 histograms.
2022-10-28 23:07:56.417  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/snapshot_blob_32.bin': No such file or directory
2022-10-28 23:07:56.417  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/snapshot_blob_64.bin': No such file or directory
2022-10-28 23:07:56.417  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/snapshot_blob_64.bin': No such file or directory
2022-10-28 23:07:56.417  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/icudtl.dat': No such file or directory
2022-10-28 23:07:56.421  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/chrome_100_percent.pak': No such file or directory
2022-10-28 23:07:56.422  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/stored-locales/en-US.pak': No such file or directory
2022-10-28 23:07:56.423  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/stored-locales/en-US.pak': No such file or directory
2022-10-28 23:07:56.423  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/stored-locales/en-US.pak': No such file or directory
2022-10-28 23:07:56.423  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/resources.pak': No such file or directory
2022-10-28 23:07:56.424  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/stored-locales/en-US.pak': No such file or directory
2022-10-28 23:07:56.435  4192-4192  TetheringManager        io.ionic.starter                     I  registerTetheringEventCallback:io.ionic.starter
---------------------------- PROCESS STARTED (4223) for package io.ionic.starter ----------------------------
2022-10-28 23:07:56.440  4192-4250  chromium                io.ionic.starter                     W  [WARNING:dns_config_service_posix.cc(341)] Failed to read DnsConfig.
2022-10-28 23:07:56.455  4223-4223  NetworkSecurityConfig   io.ionic.starter                     D  No Network Security Config specified, using platform default
2022-10-28 23:07:56.455  4223-4223  NetworkSecurityConfig   io.ionic.starter                     D  No Network Security Config specified, using platform default
2022-10-28 23:07:56.456  4192-4239  GooglePlayServicesUtil  io.ionic.starter                     W  Google Play Store is missing.
2022-10-28 23:07:56.460  4223-4223  cr_ChildProcessService  io.ionic.starter                     I  Creating new ChildProcessService pid=4223
2022-10-28 23:07:56.466  4192-4239  GooglePlayServicesUtil  io.ionic.starter                     W  Google Play Store is missing.
2022-10-28 23:07:56.471  4192-4239  chatty                  io.ionic.starter                     I  uid=10121(io.ionic.starter) GoogleApiHandle identical 1 line
2022-10-28 23:07:56.472  4192-4239  GooglePlayServicesUtil  io.ionic.starter                     W  Google Play Store is missing.
2022-10-28 23:07:56.472  4192-4257  cr_PlatformSer-Internal io.ionic.starter                     E  UsageReporting query failed
2022-10-28 23:07:56.503  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/capacitor.plugins.json': No such file or directory
2022-10-28 23:07:56.511  4192-4192  Capacitor               io.ionic.starter                     D  Starting BridgeActivity
2022-10-28 23:07:56.533  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/capacitor.config.json': No such file or directory
2022-10-28 23:07:56.545  4192-4192  Capacitor               io.ionic.starter                     D  Registering plugin: CapacitorCookies
2022-10-28 23:07:56.549  4192-4192  Capacitor               io.ionic.starter                     D  Registering plugin: WebView
2022-10-28 23:07:56.550  4192-4192  Capacitor               io.ionic.starter                     D  Registering plugin: CapacitorHttp
2022-10-28 23:07:56.552  4192-4192  Capacitor               io.ionic.starter                     D  Registering plugin: App
2022-10-28 23:07:56.554  4192-4192  Capacitor               io.ionic.starter                     D  Registering plugin: Haptics
2022-10-28 23:07:56.555  4192-4192  Capacitor               io.ionic.starter                     D  Registering plugin: Keyboard
2022-10-28 23:07:56.556  4192-4192  Capacitor               io.ionic.starter                     D  Registering plugin: StatusBar
2022-10-28 23:07:56.562  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/native-bridge.js': No such file or directory
2022-10-28 23:07:56.573  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/cordova.js': No such file or directory
2022-10-28 23:07:56.574  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/plugins': No such file or directory
2022-10-28 23:07:56.574  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/plugins': No such file or directory
2022-10-28 23:07:56.574  4192-4192  Capacitor               io.ionic.starter                     W  Unable to read file at path public/plugins
2022-10-28 23:07:56.574  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/cordova_plugins.js': No such file or directory
2022-10-28 23:07:56.576  4192-4192  Capacitor               io.ionic.starter                     D  Loading app at http://localhost
2022-10-28 23:07:56.586  4192-4249  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/media/AudioManager;->getOutputLatency(I)I (greylist, reflection, allowed)
2022-10-28 23:07:56.590  4192-4264  HostConnection          io.ionic.starter                     D  HostConnection::get() New Host Connection established 0xf13257e0, tid 4264
2022-10-28 23:07:56.591  4192-4221  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/snapshot_blob_32.bin': No such file or directory
2022-10-28 23:07:56.591  4192-4221  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/snapshot_blob_64.bin': No such file or directory
2022-10-28 23:07:56.591  4192-4221  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/snapshot_blob_64.bin': No such file or directory
2022-10-28 23:07:56.594  4192-4264  HostConnection          io.ionic.starter                     D  HostComposition ext ANDROID_EMU_CHECKSUM_HELPER_v1 ANDROID_EMU_native_sync_v2 ANDROID_EMU_native_sync_v3 ANDROID_EMU_native_sync_v4 ANDROID_EMU_dma_v1 ANDROID_EMU_direct_mem ANDROID_EMU_host_composition_v1 ANDROID_EMU_host_composition_v2 ANDROID_EMU_vulkan ANDROID_EMU_deferred_vulkan_commands ANDROID_EMU_vulkan_null_optional_strings ANDROID_EMU_vulkan_create_resources_with_requirements ANDROID_EMU_YUV_Cache ANDROID_EMU_vulkan_ignored_handles ANDROID_EMU_has_shared_slots_host_memory_allocator ANDROID_EMU_vulkan_free_memory_sync ANDROID_EMU_vulkan_shader_float16_int8 ANDROID_EMU_vulkan_async_queue_submit ANDROID_EMU_sync_buffer_data ANDROID_EMU_read_color_buffer_dma GL_OES_vertex_array_object GL_KHR_texture_compression_astc_ldr ANDROID_EMU_host_side_tracing ANDROID_EMU_gles_max_version_2 
2022-10-28 23:07:56.613  4192-4264  chromium                io.ionic.starter                     E  [ERROR:gl_surface_egl.cc(549)] eglChooseConfig failed with error EGL_SUCCESS
2022-10-28 23:07:56.613  4192-4249  cr_media                io.ionic.starter                     W  Requires BLUETOOTH permission
2022-10-28 23:07:56.615  4192-4192  Capacitor               io.ionic.starter                     D  App started
2022-10-28 23:07:56.617  4192-4192  Capacitor/AppPlugin     io.ionic.starter                     D  Firing change: true
2022-10-28 23:07:56.618  4192-4192  Capacitor/AppPlugin     io.ionic.starter                     V  Notifying listeners for event appStateChange
2022-10-28 23:07:56.618  4192-4192  Capacitor/AppPlugin     io.ionic.starter                     D  No listeners found for event appStateChange
2022-10-28 23:07:56.618  4192-4192  Capacitor               io.ionic.starter                     D  App resumed
2022-10-28 23:07:56.637  4192-4252  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/
2022-10-28 23:07:56.637  4192-4252  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/index.html': No such file or directory
2022-10-28 23:07:56.640  4192-4192  cr_PlatformSer-Internal io.ionic.starter                     E  Unable to determine Safe Browsing user opt-in preference
2022-10-28 23:07:56.646  4192-4264  EGL_emulation           io.ionic.starter                     D  eglCreateContext: 0xf1327b50: maj 2 min 0 rcv 2
2022-10-28 23:07:56.649  4192-4264  EGL_emulation           io.ionic.starter                     D  eglMakeCurrent: 0xf1327b50: ver 2 0 (tinfo 0xc1e7a490) (first time)
2022-10-28 23:07:56.651  4223-4258  cr_LibraryLoader        io.ionic.starter                     I  Loaded native library version number "83.0.4103.106"
2022-10-28 23:07:56.651  4223-4258  cr_CachingUmaRecorder   io.ionic.starter                     I  Flushed 1 samples from 1 histograms.
2022-10-28 23:07:56.670  4192-4264  chromium                io.ionic.starter                     E  [ERROR:gl_surface_egl.cc(549)] eglChooseConfig failed with error EGL_SUCCESS
2022-10-28 23:07:56.679  4192-4214  HostConnection          io.ionic.starter                     D  HostConnection::get() New Host Connection established 0xf1326e30, tid 4214
2022-10-28 23:07:56.682  4192-4214  HostConnection          io.ionic.starter                     D  HostComposition ext ANDROID_EMU_CHECKSUM_HELPER_v1 ANDROID_EMU_native_sync_v2 ANDROID_EMU_native_sync_v3 ANDROID_EMU_native_sync_v4 ANDROID_EMU_dma_v1 ANDROID_EMU_direct_mem ANDROID_EMU_host_composition_v1 ANDROID_EMU_host_composition_v2 ANDROID_EMU_vulkan ANDROID_EMU_deferred_vulkan_commands ANDROID_EMU_vulkan_null_optional_strings ANDROID_EMU_vulkan_create_resources_with_requirements ANDROID_EMU_YUV_Cache ANDROID_EMU_vulkan_ignored_handles ANDROID_EMU_has_shared_slots_host_memory_allocator ANDROID_EMU_vulkan_free_memory_sync ANDROID_EMU_vulkan_shader_float16_int8 ANDROID_EMU_vulkan_async_queue_submit ANDROID_EMU_sync_buffer_data ANDROID_EMU_read_color_buffer_dma GL_OES_vertex_array_object GL_KHR_texture_compression_astc_ldr ANDROID_EMU_host_side_tracing ANDROID_EMU_gles_max_version_2 
2022-10-28 23:07:56.682  4192-4214  OpenGLRenderer          io.ionic.starter                     W  Failed to choose config with EGL_SWAP_BEHAVIOR_PRESERVED, retrying without...
2022-10-28 23:07:56.692  4192-4214  EGL_emulation           io.ionic.starter                     D  eglCreateContext: 0xf1326f10: maj 2 min 0 rcv 2
2022-10-28 23:07:56.714  4192-4214  EGL_emulation           io.ionic.starter                     D  eglMakeCurrent: 0xf1326f10: ver 2 0 (tinfo 0xc1e56510) (first time)
2022-10-28 23:07:56.715  4192-4264  VideoCapabilities       io.ionic.starter                     I  Unsupported profile 4 for video/mp4v-es
2022-10-28 23:07:56.717  4192-4264  cr_MediaCodecUtil       io.ionic.starter                     W  HW encoder for video/avc is not available on this device.
2022-10-28 23:07:56.719  4192-4264  EGL_emulation           io.ionic.starter                     D  eglCreateContext: 0xf1328480: maj 2 min 0 rcv 2
2022-10-28 23:07:56.727  4192-4214  Gralloc4                io.ionic.starter                     I  mapper 4.x is not supported
2022-10-28 23:07:56.732  4192-4214  HostConnection          io.ionic.starter                     D  createUnique: call
2022-10-28 23:07:56.732  4192-4214  HostConnection          io.ionic.starter                     D  HostConnection::get() New Host Connection established 0xf1325620, tid 4214
2022-10-28 23:07:56.732  4192-4214  goldfish-address-space  io.ionic.starter                     D  allocate: Ask for block of size 0x100
2022-10-28 23:07:56.732  4192-4214  goldfish-address-space  io.ionic.starter                     D  allocate: ioctl allocate returned offset 0x3efffe000 size 0x2000
2022-10-28 23:07:56.735  4192-4214  HostConnection          io.ionic.starter                     D  HostComposition ext ANDROID_EMU_CHECKSUM_HELPER_v1 ANDROID_EMU_native_sync_v2 ANDROID_EMU_native_sync_v3 ANDROID_EMU_native_sync_v4 ANDROID_EMU_dma_v1 ANDROID_EMU_direct_mem ANDROID_EMU_host_composition_v1 ANDROID_EMU_host_composition_v2 ANDROID_EMU_vulkan ANDROID_EMU_deferred_vulkan_commands ANDROID_EMU_vulkan_null_optional_strings ANDROID_EMU_vulkan_create_resources_with_requirements ANDROID_EMU_YUV_Cache ANDROID_EMU_vulkan_ignored_handles ANDROID_EMU_has_shared_slots_host_memory_allocator ANDROID_EMU_vulkan_free_memory_sync ANDROID_EMU_vulkan_shader_float16_int8 ANDROID_EMU_vulkan_async_queue_submit ANDROID_EMU_sync_buffer_data ANDROID_EMU_read_color_buffer_dma GL_OES_vertex_array_object GL_KHR_texture_compression_astc_ldr ANDROID_EMU_host_side_tracing ANDROID_EMU_gles_max_version_2 
2022-10-28 23:07:56.783  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/capacitor.config.json': No such file or directory
2022-10-28 23:07:56.787  4192-4192  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/capacitor.config.json': No such file or directory
2022-10-28 23:07:56.840  4192-4252  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/runtime.6a6d0d575d5dd41d.js
2022-10-28 23:07:56.842  4192-4243  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/polyfills.a20780bee94baa08.js
2022-10-28 23:07:56.842  4192-4245  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/main.3c9b4133357cb62f.js
2022-10-28 23:07:56.866  4192-4252  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/runtime.6a6d0d575d5dd41d.js': No such file or directory
2022-10-28 23:07:56.867  4192-4245  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/main.3c9b4133357cb62f.js': No such file or directory
2022-10-28 23:07:56.868  4192-4243  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/polyfills.a20780bee94baa08.js': No such file or directory
2022-10-28 23:07:56.872  4192-4243  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/styles.6c3367ed41daf7a3.css
2022-10-28 23:07:56.872  4192-4243  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/styles.6c3367ed41daf7a3.css': No such file or directory
2022-10-28 23:07:57.134  4192-4245  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/common.350ec31ce5311e61.js
2022-10-28 23:07:57.135  4192-4245  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/common.350ec31ce5311e61.js': No such file or directory
2022-10-28 23:07:57.135  4192-4243  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/3236.0c022fd3d4e9b065.js
2022-10-28 23:07:57.136  4192-4243  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/3236.0c022fd3d4e9b065.js': No such file or directory
2022-10-28 23:07:57.152  4192-4250  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/4851.6d57c76f449174da.js
2022-10-28 23:07:57.152  4192-4250  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/4851.6d57c76f449174da.js': No such file or directory
2022-10-28 23:07:57.291  4192-4243  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/assets/icon/favicon.png
2022-10-28 23:07:57.291  4192-4243  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/assets/icon/favicon.png': No such file or directory
2022-10-28 23:07:57.303  4192-4243  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/9718.735f7870bf946271.js
2022-10-28 23:07:57.304  4192-4243  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/9718.735f7870bf946271.js': No such file or directory
2022-10-28 23:07:57.310  4192-4243  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/5780.9fcaba31b1dd7001.js
2022-10-28 23:07:57.312  4192-4192  Capacitor/Plugin        io.ionic.starter                     V  To native (Capacitor plugin): callbackId: 44608847, pluginId: App, methodName: addListener
2022-10-28 23:07:57.313  4192-4243  o.ionic.starte          io.ionic.starter                     E  Failed to open file '/data/data/io.ionic.starter/code_cache/.overlay/base.apk/assets/public/5780.9fcaba31b1dd7001.js': No such file or directory
2022-10-28 23:07:57.315  4192-4192  Capacitor               io.ionic.starter                     V  callback: 44608847, pluginId: App, methodName: addListener, methodData: {"eventName":"backButton"}
2022-10-28 23:07:58.006  4192-4208  System                  io.ionic.starter                     W  A resource failed to call close.

johced · October 28, 2022, 9:15pm

This just got odd. I tried to run the app again on a Pixel 5, using API 28. And the app is now White screen. I posted earlier that it worked, but not now. Just a white screen.

This is the log in Android studio. Note, everything is default as far as the Ionic starter app.
Android Studio is 2021.3.1 patch 1.
Gradle seems to be: 7.2.1

The log (app is white)

---------------------------- PROCESS STARTED (7584) for package io.ionic.starter ----------------------------
2022-10-28 23:12:04.254  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden field Landroid/os/Trace;->TRACE_TAG_APP:J (light greylist, reflection)
2022-10-28 23:12:04.254  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/os/Trace;->isTagEnabled(J)Z (light greylist, reflection)
2022-10-28 23:12:04.355  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden field Landroid/graphics/Insets;->left:I (light greylist, linking)
2022-10-28 23:12:04.355  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden field Landroid/graphics/Insets;->top:I (light greylist, linking)
2022-10-28 23:12:04.355  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden field Landroid/graphics/Insets;->right:I (light greylist, linking)
2022-10-28 23:12:04.355  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden field Landroid/graphics/Insets;->bottom:I (light greylist, linking)
2022-10-28 23:12:04.356  7584-7584  OpenGLRenderer          io.ionic.starter                     D  HWUI GL Pipeline
2022-10-28 23:12:04.365  7584-7584  o.ionic.starte          io.ionic.starter                     E  Invalid ID 0x00000000.
2022-10-28 23:12:04.389  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/View;->computeFitSystemWindows(Landroid/graphics/Rect;Landroid/graphics/Rect;)Z (light greylist, reflection)
2022-10-28 23:12:04.390  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/ViewGroup;->makeOptionalFitsSystemWindows()V (light greylist, reflection)
2022-10-28 23:12:04.406  7584-7584  WebViewFactory          io.ionic.starter                     I  Loading com.android.chrome version 69.0.3497.100 (code 349710017)
2022-10-28 23:12:04.408  7584-7584  o.ionic.starte          io.ionic.starter                     I  The ClassLoaderContext is a special shared library.
2022-10-28 23:12:04.424  7584-7584  cr_LibraryLoader        io.ionic.starter                     I  Time to load native libraries: 5 ms (timestamps 9644-9649)
2022-10-28 23:12:04.434  7584-7613  cr_VariationsUtils      io.ionic.starter                     E  Failed reading seed file "/data/user/0/io.ionic.starter/app_webview/variations_seed": /data/user/0/io.ionic.starter/app_webview/variations_seed (No such file or directory)
2022-10-28 23:12:04.437  7584-7584  o.ionic.starte          io.ionic.starter                     E  Invalid ID 0x00000000.
2022-10-28 23:12:04.437  7584-7584  o.ionic.starte          io.ionic.starter                     E  Invalid ID 0x00000000.
2022-10-28 23:12:04.439  7584-7584  chromium                io.ionic.starter                     I  [INFO:library_loader_hooks.cc(36)] Chromium logging enabled: level = 0, default verbosity = 0
2022-10-28 23:12:04.439  7584-7584  cr_LibraryLoader        io.ionic.starter                     I  Expected native library version number "69.0.3497.100", actual native library version number "69.0.3497.100"
2022-10-28 23:12:04.443  7584-7614  cr_ChildProcLH          io.ionic.starter                     W  Create a new ChildConnectionAllocator with package name = com.android.chrome, sandboxed = true
2022-10-28 23:12:04.448  7584-7584  cr_BrowserStartup       io.ionic.starter                     I  Initializing chromium process, singleProcess=false
2022-10-28 23:12:04.560  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/textclassifier/logging/SmartSelectionEventTracker;-><init>(Landroid/content/Context;I)V (light greylist, reflection)
2022-10-28 23:12:04.560  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/textclassifier/logging/SmartSelectionEventTracker;->logEvent(Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent;)V (light greylist, reflection)
2022-10-28 23:12:04.560  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent;->selectionStarted(I)Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent; (light greylist, reflection)
2022-10-28 23:12:04.560  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent;->selectionModified(II)Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent; (light greylist, reflection)
2022-10-28 23:12:04.560  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent;->selectionModified(IILandroid/view/textclassifier/TextClassification;)Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent; (light greylist, reflection)
2022-10-28 23:12:04.560  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent;->selectionModified(IILandroid/view/textclassifier/TextSelection;)Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent; (light greylist, reflection)
2022-10-28 23:12:04.560  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent;->selectionAction(III)Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent; (light greylist, reflection)
2022-10-28 23:12:04.560  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent;->selectionAction(IIILandroid/view/textclassifier/TextClassification;)Landroid/view/textclassifier/logging/SmartSelectionEventTracker$SelectionEvent; (light greylist, reflection)
2022-10-28 23:12:04.574  7584-7584  Capacitor               io.ionic.starter                     D  Starting BridgeActivity
2022-10-28 23:12:04.603  7584-7584  Capacitor               io.ionic.starter                     D  Registering plugin: CapacitorCookies
2022-10-28 23:12:04.609  7584-7584  Capacitor               io.ionic.starter                     D  Registering plugin: WebView
2022-10-28 23:12:04.613  7584-7584  Capacitor               io.ionic.starter                     D  Registering plugin: CapacitorHttp
2022-10-28 23:12:04.616  7584-7584  Capacitor               io.ionic.starter                     D  Registering plugin: App
2022-10-28 23:12:04.620  7584-7584  Capacitor               io.ionic.starter                     D  Registering plugin: Haptics
2022-10-28 23:12:04.624  7584-7584  Capacitor               io.ionic.starter                     D  Registering plugin: Keyboard
2022-10-28 23:12:04.627  7584-7584  Capacitor               io.ionic.starter                     D  Registering plugin: StatusBar
2022-10-28 23:12:04.682  7584-7584  Capacitor               io.ionic.starter                     W  Unable to read file at path public/plugins
2022-10-28 23:12:04.694  7584-7584  Capacitor               io.ionic.starter                     D  Loading app at http://localhost
2022-10-28 23:12:04.717  7584-7637  cr_media                io.ionic.starter                     W  Requires BLUETOOTH permission
2022-10-28 23:12:04.723  7584-7658  HostConnection          io.ionic.starter                     D  HostConnection::get() New Host Connection established 0xe26b5b90, tid 7658
2022-10-28 23:12:04.726  7584-7658  HostConnection          io.ionic.starter                     D  HostComposition ext ANDROID_EMU_CHECKSUM_HELPER_v1 ANDROID_EMU_dma_v1 ANDROID_EMU_YUV420_888_to_NV21 ANDROID_EMU_YUV_Cache ANDROID_EMU_sync_buffer_data GL_OES_vertex_array_object GL_KHR_texture_compression_astc_ldr ANDROID_EMU_host_side_tracing ANDROID_EMU_gles_max_version_2 
2022-10-28 23:12:04.729  7584-7658  ConfigStore             io.ionic.starter                     I  android::hardware::configstore::V1_0::ISurfaceFlingerConfigs::hasWideColorDisplay retrieved: 0
2022-10-28 23:12:04.729  7584-7658  ConfigStore             io.ionic.starter                     I  android::hardware::configstore::V1_0::ISurfaceFlingerConfigs::hasHDRDisplay retrieved: 0
2022-10-28 23:12:04.730  7584-7658  chromium                io.ionic.starter                     E  [ERROR:gl_surface_egl.cc(335)] eglChooseConfig failed with error EGL_SUCCESS
2022-10-28 23:12:04.735  7584-7641  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/
2022-10-28 23:12:04.747  7584-7584  Capacitor               io.ionic.starter                     D  App started
2022-10-28 23:12:04.750  7584-7584  Capacitor/AppPlugin     io.ionic.starter                     D  Firing change: true
2022-10-28 23:12:04.751  7584-7584  Capacitor/AppPlugin     io.ionic.starter                     V  Notifying listeners for event appStateChange
2022-10-28 23:12:04.751  7584-7584  Capacitor/AppPlugin     io.ionic.starter                     D  No listeners found for event appStateChange
2022-10-28 23:12:04.752  7584-7584  Capacitor               io.ionic.starter                     D  App resumed
2022-10-28 23:12:04.768  7584-7658  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:04.768  7584-7658  EGL_emulation           io.ionic.starter                     D  eglCreateContext: 0xe26866e0: maj 2 min 0 rcv 2
2022-10-28 23:12:04.768  7584-7658  EGL_emulation           io.ionic.starter                     D  eglMakeCurrent: 0xe26866e0: ver 2 0 (tinfo 0xe2683860)
2022-10-28 23:12:04.805  7584-7658  VideoCapabilities       io.ionic.starter                     W  Unrecognized profile 4 for video/hevc
2022-10-28 23:12:04.813  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden field Landroid/view/WindowInsets;->CONSUMED:Landroid/view/WindowInsets; (light greylist, reflection)
2022-10-28 23:12:04.815  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/view/View;->getViewRootImpl()Landroid/view/ViewRootImpl; (light greylist, reflection)
2022-10-28 23:12:04.815  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden field Landroid/view/View$AttachInfo;->mVisibleInsets:Landroid/graphics/Rect; (light greylist, reflection)
2022-10-28 23:12:04.815  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden field Landroid/view/ViewRootImpl;->mAttachInfo:Landroid/view/View$AttachInfo; (light greylist, reflection)
2022-10-28 23:12:04.823  7584-7660  OpenGLRenderer          io.ionic.starter                     I  Initialized EGL, version 1.4
2022-10-28 23:12:04.823  7584-7660  OpenGLRenderer          io.ionic.starter                     D  Swap behavior 1
2022-10-28 23:12:04.823  7584-7660  HostConnection          io.ionic.starter                     D  HostConnection::get() New Host Connection established 0xe26b5dc0, tid 7660
2022-10-28 23:12:04.824  7584-7658  VideoCapabilities       io.ionic.starter                     I  Unsupported profile 4 for video/mp4v-es
2022-10-28 23:12:04.825  7584-7660  HostConnection          io.ionic.starter                     D  HostComposition ext ANDROID_EMU_CHECKSUM_HELPER_v1 ANDROID_EMU_dma_v1 ANDROID_EMU_YUV420_888_to_NV21 ANDROID_EMU_YUV_Cache ANDROID_EMU_sync_buffer_data GL_OES_vertex_array_object GL_KHR_texture_compression_astc_ldr ANDROID_EMU_host_side_tracing ANDROID_EMU_gles_max_version_2 
2022-10-28 23:12:04.825  7584-7660  OpenGLRenderer          io.ionic.starter                     W  Failed to choose config with EGL_SWAP_BEHAVIOR_PRESERVED, retrying without...
2022-10-28 23:12:04.825  7584-7660  OpenGLRenderer          io.ionic.starter                     D  Swap behavior 0
2022-10-28 23:12:04.826  7584-7658  cr_MediaCodecUtil       io.ionic.starter                     W  HW encoder for video/avc is not available on this device.
2022-10-28 23:12:04.836  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:04.836  7584-7660  EGL_emulation           io.ionic.starter                     D  eglCreateContext: 0xe26868c0: maj 2 min 0 rcv 2
2022-10-28 23:12:04.859  7584-7660  EGL_emulation           io.ionic.starter                     D  eglMakeCurrent: 0xe26868c0: ver 2 0 (tinfo 0xe26839f0)
2022-10-28 23:12:04.872  7584-7660  HostConnection          io.ionic.starter                     D  createUnique: call
2022-10-28 23:12:04.872  7584-7660  HostConnection          io.ionic.starter                     D  HostConnection::get() New Host Connection established 0xe26b65e0, tid 7660
2022-10-28 23:12:04.873  7584-7660  HostConnection          io.ionic.starter                     D  HostComposition ext ANDROID_EMU_CHECKSUM_HELPER_v1 ANDROID_EMU_dma_v1 ANDROID_EMU_YUV420_888_to_NV21 ANDROID_EMU_YUV_Cache ANDROID_EMU_sync_buffer_data GL_OES_vertex_array_object GL_KHR_texture_compression_astc_ldr ANDROID_EMU_host_side_tracing ANDROID_EMU_gles_max_version_2 
2022-10-28 23:12:04.873  7584-7660  eglCodecCommon          io.ionic.starter                     E  GoldfishAddressSpaceHostMemoryAllocator: ioctl_ping failed for device_type=5, ret=-1
2022-10-28 23:12:04.876  7584-7660  EGL_emulation           io.ionic.starter                     D  eglMakeCurrent: 0xe26868c0: ver 2 0 (tinfo 0xe26839f0)
2022-10-28 23:12:04.889  7584-7658  chromium                io.ionic.starter                     E  [ERROR:gl_surface_egl.cc(335)] eglChooseConfig failed with error EGL_SUCCESS
2022-10-28 23:12:04.891  7584-7658  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:04.891  7584-7658  EGL_emulation           io.ionic.starter                     D  eglCreateContext: 0xe2686bc0: maj 2 min 0 rcv 2
2022-10-28 23:12:04.891  7584-7658  EGL_emulation           io.ionic.starter                     D  eglMakeCurrent: 0xe2686bc0: ver 2 0 (tinfo 0xe2683860)
2022-10-28 23:12:04.900  7584-7658  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 1 (1) 0 0
2022-10-28 23:12:04.915  7584-7658  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 2 (2) 0 0
2022-10-28 23:12:04.927  7584-7658  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 1 (1) 0 0
2022-10-28 23:12:04.930  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:04.930  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:04.930  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:04.936  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 1 (1) 0 0
2022-10-28 23:12:04.939  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 7 0
2022-10-28 23:12:05.015  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.015  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.016  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.016  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.063  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.063  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.063  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.065  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.083  7584-7642  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/runtime.6a6d0d575d5dd41d.js
2022-10-28 23:12:05.084  7584-7634  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/main.3c9b4133357cb62f.js
2022-10-28 23:12:05.085  7584-7641  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/polyfills.a20780bee94baa08.js
2022-10-28 23:12:05.108  7584-7642  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/styles.6c3367ed41daf7a3.css
2022-10-28 23:12:05.119  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.119  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.119  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.120  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.162  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.162  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.162  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.163  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.204  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.204  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.204  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.205  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 1 (1) 0 0
2022-10-28 23:12:05.209  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 5 0
2022-10-28 23:12:05.255  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.255  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.255  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.257  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 1 (1) 0 0
2022-10-28 23:12:05.257  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 5 0
2022-10-28 23:12:05.265  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/os/Trace;->asyncTraceBegin(JLjava/lang/String;I)V (light greylist, reflection)
2022-10-28 23:12:05.265  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/os/Trace;->asyncTraceEnd(JLjava/lang/String;I)V (light greylist, reflection)
2022-10-28 23:12:05.265  7584-7584  o.ionic.starte          io.ionic.starter                     W  Accessing hidden method Landroid/os/Trace;->traceCounter(JLjava/lang/String;I)V (light greylist, reflection)
2022-10-28 23:12:05.303  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.303  7584-7660  eglCodecCommon          io.ionic.starter                     E  glUtilsParamSize: unknow param 0x000085b5
2022-10-28 23:12:05.303  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 0 0
2022-10-28 23:12:05.305  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 1 (1) 0 0
2022-10-28 23:12:05.305  7584-7660  eglCodecCommon          io.ionic.starter                     D  setVertexArrayObject: set vao to 0 (0) 5 0
2022-10-28 23:12:05.380  7584-7642  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/common.350ec31ce5311e61.js
2022-10-28 23:12:05.381  7584-7634  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/3236.0c022fd3d4e9b065.js
2022-10-28 23:12:05.395  7584-7634  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/4851.6d57c76f449174da.js
2022-10-28 23:12:05.520  7584-7634  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/assets/icon/favicon.png
2022-10-28 23:12:05.524  7584-7642  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/9718.735f7870bf946271.js
2022-10-28 23:12:05.524  7584-7634  Capacitor               io.ionic.starter                     D  Handling local request: http://localhost/5780.9fcaba31b1dd7001.js
2022-10-28 23:12:05.535  7584-7672  Capacitor/Plugin        io.ionic.starter                     V  To native (Capacitor plugin): callbackId: 47251734, pluginId: App, methodName: addListener
2022-10-28 23:12:05.537  7584-7672  Capacitor               io.ionic.starter                     V  callback: 47251734, pluginId: App, methodName: addListener, methodData: {"eventName":"backButton"}

johced · October 28, 2022, 9:22pm

Digging further into your linked bug I was able to make the app display.

When I removed display: flex and position: absolute from .ion-page, the “white screen” dissappears and the app content is displayed as expected.

See this screenshot, I’ve circled where I edited.

johced · October 28, 2022, 9:31pm

So, I’ve been able to solve this with an ugly CSS override hack in variables.scss.

I added this both to my real app and the Ionic starter app and now the app displays as expected.

.ion-page {
  padding: 0;
  width: 100%;
  height: 100%;
}

Is it possible for you to have a fix for the official Ionic starter app? Or, wherever you need to do that actual fix?

// edit, used unset wrongly on the display property. With inline, it works and the left hand menu is usable again

// edit 2 previous display property change had issues with that did not display at all.
Current solution appears to correct the problem with the app.

So the white screen = the size of the app area is 1x1 px or even 0 probably.

ciccilleju · October 30, 2022, 11:56am

It happens the same on ios 13 and ios 14

The problem with this css is that when using a device like iphone 13, iphone 14 etc with a notch, it changes the behavior of safe-area too, so maybe it will fix everything on android but gives a new problem on ios.

ciccilleju · October 30, 2022, 12:39pm

The problem with this css is that when using a device like iphone 13, iphone 14 etc with a notch, it changes the behavior of safe-area too, so maybe it will fix everything on android but gives a new problem on ios.

we need @ldebeasi !

ldebeasi · October 31, 2022, 1:33pm

The screenshot in Ionic 6 default project white screen on Android 30 or below when using --prod - #7 by johced shows that inset: 0 is being used in .ion-page where we use the top/left/bottom/right properties directly: ionic-framework/core.scss at c0f4381745bb0e373e8a1833756fd3f2a49dbf4a · ionic-team/ionic-framework · GitHub

Angular will sometimes optimize the compiled CSS when building for production. In this case, inset is a newer property that not all browsers will support. Your browserlistrc file has last 1 Chrome version meaning you only need support for the latest Chrome despite the app being deployed on older versions of Chrome (see: Browserslist)

Can you try changing that line to Chrome >= 60 and see if that fixes the issue? Regardless of the outcome, we should probably update the default browserslist file in the starter apps to avoid this issue.

ciccilleju · October 31, 2022, 2:39pm

let you know within 15 minutes

and what about ios 13 and ios 14? there is any chance to fix there too?

ciccilleju · October 31, 2022, 2:54pm

i’ve changed to:

ios 16 works fine as expected and ios 13.5 too

seems to be fine.

Another project i’ve made (i don’t know why) doesn’t have .browserslistrc, tried ionic build --prod and works fine both on ios 16 and 13.5 without any change

ldebeasi · October 31, 2022, 2:59pm

Great! inset was not supported until iOS 14.5, so the fix should be the same for both iOS 13 and 14.

ciccilleju · October 31, 2022, 3:16pm

in my project where .browserslistrc is missing, do you suggest to add it or leave it like this?

johced · October 31, 2022, 3:19pm

I’m very unsure how to modify the default .browserlistrc file.

What is the final form it should have to fix so that the app displays correctly in “older” webviews?

last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.

I mean, only supporting “last 1 or 2” of major versions surely must be trouble for most cases where you want an Ionic 6 app to work on older devices?

In our case, we have a lot of old people using our app and many thousands… will have these older phones and older Webview versions.

ciccilleju · October 31, 2022, 3:20pm

this is mine:

# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
# For additional information regarding the format and rule options, please see:
# https://github.com/browserslist/browserslist#queries

# You can see what browsers were selected by your queries by running:
#   npx browserslist

> 0.5%
Chrome >= 60 
Firefox ESR
not dead
not IE 9-11 # For IE 9-11 support, remove 'not'.

johced · October 31, 2022, 3:23pm

Thank you. What does > 0.5% really mean?
The Chrome >= 60 I guess I understand, but not the 0.5% hack =P

So basically, we are asking the app to not optimize according to only the latest technology. But that will require is to set minimum SDK to probably around 31 for Android. Unsure for Xcode.

ldebeasi · October 31, 2022, 3:31pm

I recommend everyone changes their browserslist file to have the following contents:

Chrome >=60
Firefox >=63
Edge >=79
Safari >=13
iOS >=13

This is what new Ionic starter apps will ship with later today. These values are based on the browser support that we detail on our documentation website: Mobile Browser Support to Run Ionic Apps Anywhere

ciccilleju · October 31, 2022, 3:34pm

ok thank you.
In this case, where the browserslistsrc is missing

what do you suggest to do? adding it?