App shows white screen after splash screen on iOS 14

Hi folks,

I’ve perused the forum but have yet to find a solution to my problem.

My Ionic Capacitor app works fine in the iOS simulator, but does not run on device. This is my first time running it on device, I somewhat suspect it has something to do with iOS 14. Here are the native logs:

Loading network plugin
2020-09-22 09:46:52.678822-0700 App[4078:1662293] CAPKeyboard: resize mode - native
⚡️  Loading app at http://localhost:8100...
2020-09-22 09:46:52.741822-0700 App[4078:1662293] WF: === Starting WebFilter logging for process App
2020-09-22 09:46:52.741864-0700 App[4078:1662293] WF: _userSettingsForUser mobile: {
    filterBlacklist =     (
    filterWhitelist =     (
    restrictWeb = 1;
    useContentFilter = 0;
    useContentFilterOverrides = 0;
    whitelistEnabled = 0;
2020-09-22 09:46:52.741904-0700 App[4078:1662293] WF: _WebFilterIsActive returning: NO
Reachable via WiFi
2020-09-22 09:46:52.886451-0700 App[4078:1662293] [Process] 0x101828218 - [pageProxyID=6, webPageID=7, PID=4079] WebPageProxy::didFailProvisionalLoadForFrame: frameID = 3, domain = NSURLErrorDomain, code = -1004
⚡️  WebView failed provisional navigation
⚡️  Error: Could not connect to the server.

Has anyone else run into this issue?

Ionic info:

$ ionic info


   Ionic CLI                     : 6.11.8 (/path/to/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.3.3
   @angular-devkit/build-angular : 0.803.29
   @angular-devkit/schematics    : 8.3.29
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.3.3


   Capacitor CLI   : 2.4.1
   @capacitor/core : 2.4.1


   Cordova CLI       : not installed
   Cordova Platforms : not available
   Cordova Plugins   : not available


   cordova-res : not installed
   native-run  : not installed


   NodeJS : v14.11.0 (/Users/justincano/.nvm/versions/node/v14.11.0/bin/node)
   npm    : 6.14.8
   OS     : macOS Catalina

Does this happen with predictable, consistent timing?
If so, does it happen at startup, or when you navigate to a particular page?
When whatever page that triggers this is active, can you post the complete URL to any external resources (used in places like <img> or <video> src attributes, for example) that are hosted by that page?

Yep, this is predictable and with consistent timing. It actually happens at app startup, immediately after the splash screen, making the app unusable.

OK, then I would like to see the full URLs of any external assets referenced by whatever the page is that would be displayed at app startup.

I figured it out, the solution was to target the iOS platform when building the project:

$ ionic build --prod --platform=ios

Thanks for your time!