Ионный заставка не загружается

Question

Я проверил и дважды проверил Stack Overflow для ответа на этот вопрос, и я действительно не могу его найти. Я создаю приложение, использующее ионную инфраструктуру, и хотя у меня никогда не было этой проблемы раньше, по какой-то причине заставка не будет работать. Я просто получаю полностью белый экран, за которым следует задержка перед загрузкой исходного представления. Вот шаги, которые я сделал до сих пор.

Я сгенерировал ионные ресурсы путем добавления в splash.png и icon.png изображения и использовать команду «ионных ресурсов» в терминале (Это прекрасно работает и создает активы, значок делает работу)

Обычно этого было бы достаточно, чтобы отобразить заставку на основе установленной по умолчанию ионной структуры, но не повезло.

Мой файл XML конфигурации выглядит следующим образом

<?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> 

все пути к изображениям правильны я уже проверил. Я не получаю никаких ошибок во время сборки и никого, когда я подражаю. Я просто не могу ничего показать. Белый экран действительно отображается в течение 3 секунд, поэтому я уверен, что проблема связана с приложением, которое находит соответствующие всплески.

Answer 1

Вам необходимо изменить раздел <platform>, чтобы имена файлов были screen.png, как показано ниже. Ваш путь к screen.png неверен Всякий раз, когда вы используете любое имя SplashScreen кроме брызнуть вам необходимо обновить конфиг: 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. перейдите по ссылке:/USR/местные/Библиотека/node_modules/ионный/node_modules /ionic-app-lib/lib/resources.js
2. изменения cacheImages свойство ложной
3. удалить андроид платформы
4. повторно добавить андроид платформу
5. возрожденных ресурсы

И в config.xml убедитесь, что код настроен следующим образом:

<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"/>