Ionic stuck on splash page/white screen

Ionic Framework ionic-v3
1

I have this big ionic app with lots of plugin, 9 out of 10 times the app gets stuck on the loading screen and never goes beyond it and sometimes it just shows blank screen after the splash. I tried removing the platform and adding it again, changed the system and even changed the user and reinstalled everything again but it just doesn’t work. This happens in both android and ios

Here are some details of it
NPM version: 5.6.0
Node version: v8.6.0

Cordova version: 8.0.0

Config.xml file:

<?xml version='1.0' encoding='utf-8'?>
<widget android-packageName="us.cogitate.ihapp" id="io.ionic.starter" ios-CFBundleIdentifier="us.Cogitate.IHApp" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>NAME</name>
    <description>DESCRIPTION</description>
    <author email="someone@gmail.com" href="https://www.someurl.com/">TEAM</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-intent href="tel:*" />
    <allow-intent href="sms:*" />
    <allow-intent href="mailto:*" />
    <allow-intent href="geo:*" />
    <preference name="ScrollEnabled" value="false" />
    <preference name="android-minSdkVersion" value="16" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="0" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="SplashScreen" value="screen" />
    <preference name="SplashScreenDelay" value="10000" />
    <preference name="ShowSplashScreen" value="true" />
    <preference name="android-windowSoftInputMode" value="adjustPan" />
    <preference name="loadUrlTimeoutValue" value="700000" />
    <preference name="KeyboardAppearanceDark" value="false" />
    <preference name="WKPort" value="8534" />
    <preference name="WKEnableBackground" value="true" />
    <platform name="android">
        <allow-intent href="market:*" />
        <resource-file src="google-services.json" target="app/google-services.json" />
        <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
    </platform>
    <platform name="ios">
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    </platform>
    <allow-navigation href="http://192.168.0.5:8100" />
    <allow-navigation href="http://192.168.163.2:8100" />
    <allow-navigation href="http://192.168.0.116:8100" />
    <plugin name="cordova-plugin-device" spec="^1.1.7" />
    <plugin name="cordova-plugin-splashscreen" spec="^4.1.0" />
    <plugin name="cordova-plugin-whitelist" spec="^1.3.3" />
    <plugin name="ionic-plugin-keyboard" spec="^2.2.1" />
    <plugin name="phonegap-plugin-barcodescanner" spec="^6.0.8">
        <variable name="CAMERA_USAGE_DESCRIPTION" value=" " />
    </plugin>
    <plugin name="cordova-plugin-android-permissions" spec="^1.0.0" />
    <plugin name="cordova-plugin-device-orientation" spec="^1.0.7" />
    <plugin name="cordova-plugin-datepicker" spec="^0.9.3" />
    <plugin name="cordova-plugin-geolocation" spec="^2.4.3">
        <variable name="GEOLOCATION_USAGE_DESCRIPTION" value="To locate you" />
    </plugin>
    <plugin name="cordova-plugin-compat" spec="^1.2.0" />
    <plugin name="cordova-plugin-camera" spec="^2.4.1" />
    <plugin name="cordova.plugins.diagnostic" spec="^3.9.2" />
    <plugin name="cordova-plugin-screen-orientation" spec="^2.0.2" />
    <plugin name="mx.ferreyra.callnumber" spec="0.0.2" />
    <plugin name="phonegap-plugin-push" spec="^2.1.3">
        <variable name="SENDER_ID" value="102498375814" />
        <variable name="FCM_VERSION" value="11.0.1" />
    </plugin>
    <plugin name="call-number" spec="^1.0.1" />
    <plugin name="com-badrit-base64" spec="^0.2.0" />
    <plugin name="cordova-plugin-advanced-http" spec="^1.9.1" />
    <plugin name="cordova-fabric-plugin" spec="^1.1.10">
        <variable name="FABRIC_API_KEY" value="2ea50988cd8be00a7a8dd9191a9e2e4ab2f2f2ea" />
        <variable name="FABRIC_API_SECRET" value="73c1d44d4cd13eb315890da569f0b19c6bbbddfd5226f475177cea37f8724890" />
    </plugin>
    <plugin name="cordova-plugin-browsertab" spec="^0.2.0" />
    <plugin name="cordova-plugin-inappbrowser" spec="^2.0.2" />
    <plugin name="cordova-plugin-email-composer" spec="^0.8.14" />
    <plugin name="com.darktalker.cordova.screenshot" spec="^0.1.6" />
    <plugin name="cordova-plugin-globalization" spec="^1.0.9" />
    <plugin name="me.tonny.cordova.plugins.multidex" spec="https://github.com/jwall149/cordova-multidex" />
    <plugin name="cordova-plugin-statusbar" spec="^2.4.1" />
    <plugin name="cordova-plugin-nativegeocoder" spec="^3.1.1" />
    <plugin name="cordova-sqlite-storage" spec="^2.2.1" />
    <plugin name="cordova-plugin-uniquedeviceid" spec="^1.3.2" />
    <plugin name="com.synconset.imagepicker" spec="^2.1.10">
        <variable name="PHOTO_LIBRARY_USAGE_DESCRIPTION" value="select multiple images" />
    </plugin>
    <engine name="android" spec="6.4.0" />
    <plugin name="cordova-plugin-googlemaps" spec="^2.2.7">
        <variable name="API_KEY_FOR_ANDROID" value="AIzaSyC8IZv0hS7mQsGZPj3S3g4ycSeX88H_f_c" />
        <variable name="API_KEY_FOR_IOS" value="AIzaSyC8IZv0hS7mQsGZPj3S3g4ycSeX88H_f_c" />
        <variable name="PLAY_SERVICES_VERSION" value="11.8.0" />
        <variable name="ANDROID_SUPPORT_V4_VERSION" value="24.1.0" />
        <variable name="LOCATION_WHEN_IN_USE_DESCRIPTION" value="This app wants to get your location while this app runs only." />
        <variable name="LOCATION_ALWAYS_USAGE_DESCRIPTION" value="This app wants to get your location always, even this app runs in background." />
        <variable name="CFBUNDLEDEVELOPMENTREGION" value="English" />
    </plugin>
    <engine name="ios" spec="~4.5.4" />
    <plugin name="cordova-plugin-ionic-webview" spec="git+https://github.com/ghenry22/cordova-plugin-ionic-webview.git#integratedFixes" />
</widget>

Plugins:

call-number,com-badrit-base64,com.darktalker.cordova.screenshot,com.googlemaps.ios,com.synconset.imagepicker,cordova-fabric-plugin,cordova-plugin-add-swift-support,cordova-plugin-advanced-http,cordova-plugin-android-permissions,cordova-plugin-browsertab,cordova-plugin-camera,cordova-plugin-compat,cordova-plugin-datepicker,cordova-plugin-device,cordova-plugin-device-orientation,cordova-plugin-email-composer,cordova-plugin-file,cordova-plugin-geolocation,cordova-plugin-globalization,cordova-plugin-googlemaps,cordova-plugin-inappbrowser,cordova-plugin-ionic-webview,cordova-plugin-nativegeocoder,cordova-plugin-screen-orientation,cordova-plugin-splashscreen,cordova-plugin-statusbar,cordova-plugin-uniquedeviceid,cordova-plugin-whitelist,cordova-sqlite-storage,cordova.plugins.diagnostic,ionic-plugin-keyboard,me.tonny.cordova.plugins.multidex,phonegap-plugin-barcodescanner,phonegap-plugin-push

iOS platform:

Xcode 9.2
Build version 9C40b

2

What is your ionic info output?

Did you remote debug the problem on the device already?
Follow these instructions here to debug the problem in Safari dev tools:
https://ionic.zone/debug/remote-debug-your-app#ios
Follow these instructions here to debug the problem in Chrome dev tools:
https://ionic.zone/debug/remote-debug-your-app#android
Look at the console and network tabs for errors.

3

The info is mentioned but somehow the middle part is trimmed in the question, Either way here is the info https://pastebin.com/Qn2yqJee.

I have debugged the problem but no errors are displayed

4

You posted code, but didn’t it format as such and so it didn’t show. I edited your post to fix that using the </> button in the post edit toolbar.

Your info is something different than the ionic info output. Please run ionic info in the command line and post that output.

Also:

5

what is remote debug

6

Click the two links I posted above. These explain it quite extensively.

7

Yes I have done that, But couldn’t find anything, the app is just stuck. It doesn’t happened always. If i open the app after 1-2 hours (in iPhone) then it gets stuck on 1st launch but once i kill it and start again it works until i let it go for some time

8

Hi @nitinvsingh. Did you found any solution?? I am facing the same issue.