App shows white screen after splash screen on iOS 14

Ionic Framework Ionic Angular
1

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
APP ACTIVE
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:

   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:

   Capacitor CLI   : 2.4.1
   @capacitor/core : 2.4.1

Cordova:

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

Utility:

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

System:

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

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?

3

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

4

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.

5

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!