离子初始屏幕不加载

我已经检查和双重检查堆栈溢出这个答案，我真的找不到一个。 我正在构build一个应用程序使用ionic framework，虽然我以前从来没有这个问题，出于某种原因，启animation面将无法正常工作。 我只是得到一个完全白色的屏幕，然后在初始视图加载之前延迟。 这是我迄今采取的步骤。

我已经通过添加splash.png和icon.png图像并使用terminal中的“离子资源”命令生成了离子资源（这工作正常并生成资源，图标工作正常）

通常这将足以让它显示基于默认ionic framework设置的启animation面，但没有运气。

我的configurationxml文件看起来像这样

<?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="[e-mail]" 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\[e-mail]" width="114" height="114"/> <icon src="resources\ios\icon\icon-40.png" width="40" height="40"/> <icon src="resources\ios\icon\[e-mail]" width="80" height="80"/> <icon src="resources\ios\icon\icon-50.png" width="50" height="50"/> <icon src="resources\ios\icon\[e-mail]" width="100" height="100"/> <icon src="resources\ios\icon\icon-60.png" width="60" height="60"/> <icon src="resources\ios\icon\[e-mail]" width="120" height="120"/> <icon src="resources\ios\icon\[e-mail]" width="180" height="180"/> <icon src="resources\ios\icon\icon-72.png" width="72" height="72"/> <icon src="resources\ios\icon\[e-mail]" width="144" height="144"/> <icon src="resources\ios\icon\icon-76.png" width="76" height="76"/> <icon src="resources\ios\icon\[e-mail]" width="152" height="152"/> <icon src="resources\ios\icon\icon-small.png" width="29" height="29"/> <icon src="resources\ios\icon\[e-mail]" width="58" height="58"/> <icon src="resources\ios\icon\[e-mail]" 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> 

所有的path图像是正确的，我已经仔细检查。 我没有得到任何错误在我的构build和没有当我仿效。 我什么都不能得到。 白色的屏幕显示3秒，所以我很确定它的应用程序find相关的飞溅图像的问题。

Answer 1

1. 请转到：/usr/local/lib/node_modules/ionic/node_modules/ionic-app-lib/lib/resources.js
2. 将cacheImages属性更改为false
3. 删除android平台
4. 重新添加android平台
5. 重新生成资源

并在config.xml中确保代码configuration如下：

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

Answer 2

您需要更改<platform>部分以使文件名为screen.png ，如下所示。 screen.png的path不正确每当您使用除splash之外的任何名称的SplashScreen，您都需要更新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>