Écran de démarrage ionique non chargé

Question

J'ai coché et j'ai coché la case Dépassement de pile pour trouver une réponse à cette question et je ne peux vraiment pas en trouver une. Je construis une application en utilisant le cadre ionique et bien que je n'ai jamais eu ce problème avant, pour une raison quelconque, l'écran de démarrage ne fonctionnera pas. Je reçois juste un écran complètement blanc suivi d'un délai avant le chargement initial. Voici les étapes que j'ai prises jusqu'ici.

J'ai généré les ressources ioniques en ajoutant dans le splash.png et icon.png images et en utilisant la commande 'des ressources ioniques de la borne (Cela fonctionne bien et génère les actifs, l'icône fonctionne)

Habituellement, cela suffirait pour afficher l'écran de démarrage basé sur le cadre ionique par défaut mis en place, mais pas de chance.

Mon fichier xml de configuration ressemble à ceci

<?xml version="1.0" encoding="UTF-8" standalone="yes"?> 
<widget id="com.ionicframework.app" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> 
    <name>App name</name> 
    <description> 
     An Ionic Framework and Cordova project. 
    </description> 
    <author email="you@example.com" href="http://example.com.com/"> 
     Your Name Here 
    </author> 
    <allow-navigation href="http://*/*"/> 
    <content src="index.html"/> 
    <access origin="*"/> 
    <access origin="tel:*" launch-external="yes"/> 
    <access origin="mailto:*" launch-external="yes"/> 
    <preference name="webviewbounce" value="false"/> 
    <preference name="UIWebViewBounce" value="false"/> 
    <preference name="DisallowOverscroll" value="true"/> 
    <preference name="android-minSdkVersion" value="16"/> 
    <preference name="BackupWebStorage" value="none"/> 
    <preference name="ShowSplashScreen" value="true"/> 
    <preference name="SplashScreen" value="screen"/> 
    <preference name="SplashScreenDelay" value="3000"/> 
    <preference name="AutoHideSplashScreen" value="true"/> 
    <preference name="SplashShowOnlyFirstTime" value="false"/> 
    <preference name="FadeSplashScreen" value="false"/> 
    <feature name="StatusBar"> 
    <param name="ios-package" value="CDVStatusBar" onload="true"/> 
    </feature> 
    <feature name="SplashScreen"> 
    <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen"/> 
    </feature> 
    <platform name="android"> 
    <icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/> 
    <icon src="resources/android/icon/drawable-mdpi-icon.png" density="mdpi"/> 
    <icon src="resources/android/icon/drawable-hdpi-icon.png" density="hdpi"/> 
    <icon src="resources/android/icon/drawable-xhdpi-icon.png" density="xhdpi"/> 
    <icon src="resources/android/icon/drawable-xxhdpi-icon.png" density="xxhdpi"/> 
    <icon src="resources/android/icon/drawable-xxxhdpi-icon.png" density="xxxhdpi"/> 
    <splash src="resources/android/splash/drawable-land-ldpi-screen.png" density="land-ldpi"/> 
    <splash src="resources/android/splash/drawable-land-mdpi-screen.png" density="land-mdpi"/> 
    <splash src="resources/android/splash/drawable-land-hdpi-screen.png" density="land-hdpi"/> 
    <splash src="resources/android/splash/drawable-land-xhdpi-screen.png" density="land-xhdpi"/> 
    <splash src="resources/android/splash/drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/> 
    <splash src="resources/android/splash/drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/> 
    <splash src="resources/android/splash/drawable-port-ldpi-screen.png" density="port-ldpi"/> 
    <splash src="resources/android/splash/drawable-port-mdpi-screen.png" density="port-mdpi"/> 
    <splash src="resources/android/splash/drawable-port-hdpi-screen.png" density="port-hdpi"/> 
    <splash src="resources/android/splash/drawable-port-xhdpi-screen.png" density="port-xhdpi"/> 
    <splash src="resources/android/splash/drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/> 
    <splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/> 
    </platform> 
    <platform name="ios"> 
    <icon src="resources\ios\icon\icon.png" width="57" height="57"/> 
    <icon src="resources\ios\icon\icon@2x.png" width="114" height="114"/> 
    <icon src="resources\ios\icon\icon-40.png" width="40" height="40"/> 
    <icon src="resources\ios\icon\icon-40@2x.png" width="80" height="80"/> 
    <icon src="resources\ios\icon\icon-50.png" width="50" height="50"/> 
    <icon src="resources\ios\icon\icon-50@2x.png" width="100" height="100"/> 
    <icon src="resources\ios\icon\icon-60.png" width="60" height="60"/> 
    <icon src="resources\ios\icon\icon-60@2x.png" width="120" height="120"/> 
    <icon src="resources\ios\icon\icon-60@3x.png" width="180" height="180"/> 
    <icon src="resources\ios\icon\icon-72.png" width="72" height="72"/> 
    <icon src="resources\ios\icon\icon-72@2x.png" width="144" height="144"/> 
    <icon src="resources\ios\icon\icon-76.png" width="76" height="76"/> 
    <icon src="resources\ios\icon\icon-76@2x.png" width="152" height="152"/> 
    <icon src="resources\ios\icon\icon-small.png" width="29" height="29"/> 
    <icon src="resources\ios\icon\icon-small@2x.png" width="58" height="58"/> 
    <icon src="resources\ios\icon\icon-small@3x.png" width="87" height="87"/> 
    <splash src="resources\ios\splash\Default-568h@2x~iphone.png" width="640" height="1136"/> 
    <splash src="resources\ios\splash\Default-667h.png" width="750" height="1334"/> 
    <splash src="resources\ios\splash\Default-736h.png" width="1242" height="2208"/> 
    <splash src="resources\ios\splash\Default-Landscape-736h.png" width="2208" height="1242"/> 
    <splash src="resources\ios\splash\Default-Landscape@2x~ipad.png" width="2048" height="1536"/> 
    <splash src="resources\ios\splash\Default-Landscape~ipad.png" width="1024" height="768"/> 
    <splash src="resources\ios\splash\Default-Portrait@2x~ipad.png" width="1536" height="2048"/> 
    <splash src="resources\ios\splash\Default-Portrait~ipad.png" width="768" height="1024"/> 
    <splash src="resources\ios\splash\Default@2x~iphone.png" width="640" height="960"/> 
    <splash src="resources\ios\splash\Default~iphone.png" width="320" height="480"/> 
    </platform> 
    <icon src="resources/android/icon/drawable-xhdpi-icon.png"/> 
</widget> 

Tous les chemins vers les images sont correctes j'ai vérifié deux fois. Je ne reçois aucune erreur pendant ma construction et aucun quand je émule. Je ne peux rien avoir à montrer. L'écran blanc s'affiche pendant 3 secondes, donc je suis sûr que c'est un problème avec l'application de trouver les images de démarrage pertinentes.

Answer 1

Vous devez modifier la section <platform> pour avoir les noms de fichier screen.png comme indiqué ci-dessous. Votre chemin pour screen.png est incorrect Chaque fois que vous utilisez un nom pour SplashScreen autre que éclabousser vous devez mettre à jour la configuration: https://cordova.apache.org/docs/en/3.1.0/cordova/splashscreen/splashscreen.html#android

<platform name="android"> 

    <splash src="platform-resources/android/res/drawable-ldpi/screen.png" density="ldpi" /> 

    <splash src="platform-resources/android/res/drawable-mdpi/screen.png" density="mdpi" /> 

    <splash src="platform-resources/android/res/drawable-hdpi/screen.png" density="hdpi" /> 

    <splash src="platform-resources/android/res/drawable-xhdpi/screen.png" density="xhdpi" /> 

    <splash src="platform-resources/android/res/drawable-xxhdpi/screen.png" density="xxhdpi" /> 
</platform> 

Answer 2

1. aller à:/usr/local/lib/node_modules/ionique/node_modules /ionic-app-lib/lib/resources.js
2. changement cacheImages propriété à faux
3. supprimer la plate-forme Android
4. rajoutez plate-forme Android
5. ressources régénérées

Et config.xml assurez-vous que le code est configuré comme suit:

<icon src="resources/android/icon/drawable-ldpi-icon.png" density="ldpi"/> 
<splash src="resources/android/splash/drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/> 
<preference name="SplashScreen" value="screen"/>