Stuck on White Screen after Launch StoryBoard in iOS

Issue Type

• [ x] Bug Report
• Feature Request
• Support Question

Description

When we run app on iOS Device, first story board screen is displayed and after that white screen appears. This white screen remains forever, this screen look like a browser and is re-sizable with background

Information

Following is debugger output from XCode 2020-08-27 15:03:46.102298+0530 MBAZ[89517:4250528] Apache Cordova native platform version 6.1.0 is starting. 2020-08-27 15:03:46.102636+0530 MBAZ[89517:4250528] Multi-tasking -> Device: YES, App: YES 2020-08-27 15:03:54.956810+0530 MBAZ[89517:4250528] WF: === Starting WebFilter logging for process MBAZ 2020-08-27 15:03:54.957126+0530 MBAZ[89517:4250528] WF: _userSettingsForUser : (null) 2020-08-27 15:03:54.957334+0530 MBAZ[89517:4250528] WF: _WebFilterIsActive returning: NO 2020-08-27 15:03:58.123221+0530 MBAZ[89517:4250528] The preference key “AllowNewWindows” is not defined and will default to “FALSE” 2020-08-27 15:03:58.128514+0530 MBAZ[89517:4250528] The preference key “MediaPlaybackAllowsAirPlay” is not defined and will default to “TRUE” 2020-08-27 15:03:58.134558+0530 MBAZ[89517:4250528] WF: _userSettingsForUser : (null) 2020-08-27 15:03:58.134749+0530 MBAZ[89517:4250528] WF: _WebFilterIsActive returning: NO 2020-08-27 15:03:58.137071+0530 MBAZ[89517:4250528] The preference key “AllowBackForwardNavigationGestures” is not defined and will default to “FALSE” 2020-08-27 15:03:58.137267+0530 MBAZ[89517:4250528] The preference key “Allow3DTouchLinkPreview” is not defined and will default to “TRUE” 2020-08-27 15:03:58.137440+0530 MBAZ[89517:4250528] CDVWebViewEngine will reload WKWebView if required on resume 2020-08-27 15:03:58.137651+0530 MBAZ[89517:4250528] Using WKWebView 2020-08-27 15:03:58.138347+0530 MBAZ[89517:4250528] [CDVTimer][console] 0.131965ms 2020-08-27 15:03:58.138709+0530 MBAZ[89517:4250528] [CDVTimer][handleopenurl] 0.169039ms 2020-08-27 15:03:58.330333+0530 MBAZ[89517:4250528] [CDVTimer][intentandnavigationfilter] 191.444039ms 2020-08-27 15:03:58.330976+0530 MBAZ[89517:4250528] [CDVTimer][gesturehandler] 0.151992ms 2020-08-27 15:03:59.121388+0530 MBAZ[89517:4250528] [CDVTimer][file] 790.216088ms 2020-08-27 15:03:59.121615+0530 MBAZ[89517:4250528] [CDVTimer][TotalPluginStartup] 983.518958ms 2020-08-27 15:04:54.422604+0530 MBAZ[89517:4250528] THREAD WARNING: [‘Badge’] took ‘75.721191’ ms. Plugin should use a background thread. 2020-08-27 15:04:56.735901+0530 MBAZ[89517:4250528] THREAD WARNING: [‘Device’] took ‘2127.536377’ ms. Plugin should use a background thread. 2020-08-27 15:04:57.122217+0530 MBAZ[89517:4250528] THREAD WARNING: [‘File’] took ‘385.750977’ ms. Plugin should use a background thread.

Command or Code

Config.xml File:- config.zip

Environment, Platform, Device

We have tested this on iOS 13.6 iPhone 8 Emulator as well as iPhone 7 actual device. both giving same results. Built on Xcode 11 on Mac OS 10.15.6

Version information

Cordova CLI : 10.0.0 Cordova-ios : 6.1.0

Checklist

• [ x] I searched for already existing GitHub issues about this
• [ x] I updated all Cordova tooling to their most recent version
• [ x] I included all the necessary information above

[Gab309]

Could be the same problem as in https://github.com/ionic-team/ionic-cli/issues/3218.

As already mentioned by @breautek you should look for javascript errors. Try to use the Web Inspector of Safari to debug on your Iphone. Do not forget to reload the app via the Web Inspector (button top left) “to see javascript errors that occur on startup”.

If your output looks somewhat like the following

[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (runtime.js, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (cordova.js, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (polyfills.js, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (styles.js, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (vendor.js, line 0)
[Error] Failed to load resource: the server responded with a status of 404 (Not Found) (main.js, line 0)

you should try to run

cordova plugin rm cordova-plugin-ionic-webview
cordova plugin add cordova-plugin-ionic-webview@latest

to resolve the issue of the blank screen. This solution was suggested here, you should check it out for more details.

[claudiulazar]

If you have blank screen, open the safari inspector and reload the page from there

Afterwards if you have some error in the console that can not load the resources it may be the problem that @Gab309 said

Solution: run the following command, this worked for me 😃 cordova plugin rm cordova-plugin-ionic-webview && cordova plugin add cordova-plugin-ionic-webview@latest