Closed pratikgohil1985 closed 3 years ago
Hi, I am also facing the same issue. Anyone if can suggest a resolution on this will be highly appreciated.
Usually this behaviour signals a javascript error, that occurred on startup.
I would recommend checking the safari web inspector for javascript errors. Do note that safari doesn't report on logs that occurred before the web inspector is attached. Therefore, you'll need to use cmd+r while the inspector is focused to refresh the webview to see javascript errors that occur on startup.
Thanks @breautek for reply but there is no javascript issue. App works properly on Android Platform too. I have tried by creating a blank hello Angular 10 ,Cordova 10 & Cordova-ios 6.1 Project with no other plugins. Still same issue persists in iOS.. What am I missing?? Is there some config.xml setting that I'm missing
For my case, it usually caused by some js error. To debug it, I added the eruda.js to the index.html:
<script src="/PATH/TO/eruda.js"></script>
<script>eruda.init();</script>
Then, you can view the error from eruda console. Hope it helps.
In my setup (Cordova 6, AngularJS 1.8), I was getting a white screen when loading on iOS. In Xcode, I got the error "ERROR: [$templateRequest::tpload]" with error status -1. Turns out it was a CORS issue regarding loading locally stored files via file://. The issue was resolved after adding the "cordova-plugin-wkwebview-file-xhr" plugin.
I have this same issue too. I've also posted to the Slack channel for any suggestions.
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.
Hi,
Have you solved the issue? I'm having the same issue and I check Safari logs also, there were no error logs.
Hi,
Have you solved the issue? I'm having the same issue and I check Safari logs also, there were no error logs.
Yes, on the General Tab of xCode, make sure you MULI-WINDOWS is not checked. Cordova doesn't support multi windows which can be used on iPad Pros, etc.
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
Closing because I think it's pretty clear that there isn't a cordova bug here.
As described https://github.com/apache/cordova-ios/issues/975#issuecomment-718199059 you must look at the Safari Web Inspector (and make sure you refresh the webview to see errors occurring on startup) to get more insights on what is actually happening in the application.
Throughout this thread, there are several comments of different possibilities and some suggestions on how to address specific issues.
issue was resolved after adding the "cordova-plugin-wkwebview-file-xhr" plugin
Issue Type
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
![Untitled](https://user-images.githubusercontent.com/46952019/91555374-87020980-e94e-11ea-8ef0-56e7e7c313ef.png)
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