在phonegap版本cli 5.2.0上构建后不显示启动屏幕

问题描述 投票:1回答:1

我为phonegap应用程序制作了启动画面,但升级后我的启动画面未显示,我在cofig文件中编写了如下代码,并且我按照phonegap启动画面文档添加了屏幕。而且我已经在项目中添加了默认屏幕图像。

  <widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.abc.mobileapp" version="1.0.0" versionCode = "10">
  <name>abc</name>
  <description></description>
  <author email="[email protected]">abc</author>
  <content src="abc.html"/>
  <preference name='phonegap-version'/>
  <preference name="permissions" value="none"/>
  <preference name="orientation" value="default"/>
  <preference name="target-device" value="universal"/>
  <preference name="fullscreen" value="false"/>
  <preference name="webviewbounce" value="true"/>
  <preference name="prerendered-icon" value="true"/>
  <preference name="stay-in-webview" value="false"/>
  <preference name="ios-statusbarstyle" value="black-opaque"/>
  <preference name="detect-data-types" value="true"/>
  <preference name="exit-on-suspend" value="false"/>
  <preference name="show-splash-screen-spinner" value="true"/>
  <preference name="auto-hide-splash-screen" value="true"/>
  <preference name="disable-cursor" value="false"/>
  <preference name="android-minSdkVersion" value="14"/>
  <preference name="android-installLocation" value="auto"/>
  <!--<preference name="SplashScreen" value="screen" />-->
  <preference name="SplashScreenDelay" value="5000" />
  <!--<preference name="splash-screen-duration" value="6000" />-->

  <!--<gap:plugin name="org.apache.cordova.battery-status"/>
  <gap:plugin name="org.apache.cordova.camera"/>
  <gap:plugin name="org.apache.cordova.media-capture"/>
  <gap:plugin name="org.apache.cordova.console"/>
  <gap:plugin name="org.apache.cordova.contacts"/>
  <gap:plugin name="org.apache.cordova.device"/>
  <gap:plugin name="org.apache.cordova.device-motion"/>
  <gap:plugin name="org.apache.cordova.device-orientation"/>
  <gap:plugin name="org.apache.cordova.dialogs"/>
  <gap:plugin name="org.apache.cordova.file"/>
  <gap:plugin name="org.apache.cordova.file-transfer"/>
  <gap:plugin name="org.apache.cordova.geolocation"/>
  <gap:plugin name="org.apache.cordova.globalization"/>-->
  <gap:plugin name="org.apache.cordova.device" source="npm"/>
  <gap:plugin name="cordova-plugin-inappbrowser" source="npm" />
  <gap:plugin name="nl.x-services.plugins.socialsharing" source="plugins.cordova.io" />

  <gap:plugin name="org.apache.cordova.network-information"  version="0.2.12" source="npm"/>
  <gap:plugin name="org.apache.cordova.splashscreen" version="0.3.4" source="npm" />
  <gap:plugin name="org.apache.cordova.vibration" version="0.3.11" source="npm"/>
  <gap:plugin name="com.phonegap.plugins.facebookconnect" version="0.9.0">
    <param name="APP_ID" value="0000000000000000" />
    <param name="APP_NAME" value="abc" />
  </gap:plugin>

  <!-- Third party plugins -->
  <!-- A list of available plugins are available at https://build.phonegap.com/plugins -->
  <!--<gap:plugin name="com.phonegap.plugins.barcodescanner" />-->

  <!--https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin/blob/2fdfde7/README.md
  <gap:plugin name="nl.x-services.plugins.toast" version="2.0.2" />-->

  <icon src="icon.png"/>
  <icon src="res/icon/android/icon-36-ldpi.png" gap:platform="android" gap:qualifier="ldpi"/>
  <icon src="res/icon/android/icon-48-mdpi.png" gap:platform="android" gap:qualifier="mdpi"/>
  <icon src="res/icon/android/icon-72-hdpi.png" gap:platform="android" gap:qualifier="hdpi"/>
  <icon src="res/icon/android/icon-96-xhdpi.png" gap:platform="android" gap:qualifier="xhdpi"/>
  <icon src="res/icon/blackberry/icon-80.png" gap:platform="blackberry"/>
  <icon src="res/icon/blackberry/icon-80.png" gap:platform="blackberry" gap:state="hover"/>
  <icon src="res/icon/ios/icon-57.png" gap:platform="ios" width="57" height="57"/>
  <icon src="res/icon/ios/icon-72.png" gap:platform="ios" width="72" height="72"/>
  <icon src="res/icon/ios/icon-57-2x.png" gap:platform="ios" width="114" height="114"/>
  <icon src="res/icon/ios/icon-72-2x.png" gap:platform="ios" width="144" height="144"/>
  <icon src="res/icon/webos/icon-64.png" gap:platform="webos"/>
  <icon src="res/icon/windows-phone/icon-48.png" gap:platform="winphone"/>
  <icon src="res/icon/windows-phone/icon-173-tile.png" gap:platform="winphone" gap:role="background"/>

  <gap:splash src="res/screen/default.png" />
  <gap:splash src="res/screen/android/screen-ldpi-portrait.png" gap:platform="android" gap:qualifier="port-ldpi"/>
  <gap:splash src="res/screen/android/screen-mdpi-portrait.png" gap:platform="android" gap:qualifier="port-mdpi"/>
  <gap:splash src="res/screen/android/screen-hdpi-portrait.png" gap:platform="android" gap:qualifier="port-hdpi"/>
  <gap:splash src="res/screen/android/screen-xhdpi-portrait.png" gap:platform="android" gap:qualifier="port-xhdpi"/>
  <gap:splash src="res/screen/blackberry/screen-225.png" gap:platform="blackberry"/>
  <gap:splash src="res/screen/ios/screen-iphone-portrait.png" gap:platform="ios" width="320" height="480"/>
  <gap:splash src="res/screen/ios/screen-iphone-portrait-2x.png" gap:platform="ios" width="640" height="960"/>
  <gap:splash src="res/screen/ios/screen-iphone-portrait-568h-2x.png" gap:platform="ios" width="640" height="1136"/>
  <gap:splash src="res/screen/ios/screen-ipad-portrait.png" gap:platform="ios" width="768" height="1024"/>
  <gap:splash src="res/screen/ios/screen-ipad-landscape.png" gap:platform="ios" width="1024" height="768"/>
  <gap:splash src="res/screen/windows-phone/screen-portrait.jpg" gap:platform="winphone"/>
  <access origin="*"/>
  <!--<access origin="*xitstage-001-site3.mysitepanel.net"/>-->
  <gap:plugin name="cordova-plugin-whitelist" version="1" source="npm"/>
  <allow-intent href="http://*/*"/>
  <allow-intent href="https://*/*"/>
  <allow-intent href="tel:*"/>
  <allow-intent href="sms:*"/>
  <allow-intent href="mailto:*"/>
  <allow-intent href="geo:*"/>
  <platform name="android">
    <allow-intent href="market:*"/>
  </platform>
  <platform name="ios">
    <allow-intent href="itms:*"/>
    <allow-intent href="itms-apps:*"/>
  </platform>
</widget>

我与phonegap应用程序的升级有什么关系。

cordova cordova-plugins
1个回答
2
投票

@ vatsal,好吧,对于Cordova / Phonegap的新手来说,您有很多常见错误。

首先阅读本文档中的BOLD要点,因为您将要先修复您的内容,然后获得更详细的信息。

Top Mistakes by Developers new to Cordova/Phonegap

第一件事想要为编译器设置一个版本。为此,请阅读6。没有为您的编译器设置“ phonegap版本”

I QUOTE

使用CLI版本,如果不为平台分配版本(..)(并且)如果不走运,则会出现一系列级联错误。

BTWS,您并不幸运。这样做并不能解决错误,但这很重要。您可以阅读整个文档稍后以获得更好的理解。

[NEXT THING从现在开始,您需要从NPM获取ALL your core plugins。并确保为此设置版本。对于此阅读11。您需要立即从NPM获取插件。

作为示例,您需要将初始屏幕插件的来源命名为cordova-plugin-splashscreen。 config.xml中的条目如下所示:

cordova-plugin-splashscreen

注意,名称的拼写不同,版本号更高。

更新:2016-02-11截至2015年11月19日,该声明不再正确。您可以使用<gap:plugin name="cordova-plugin-splashscreen" version="2.1.0" source="npm" /><plugin (...)>。有关详情,请参见<gap:plugin (...)>也,如果您正在使用Phonegap Build,那么我给您的示例还可以。如果使用的是Cordova CLI或Phonegap CLI,则不要使用blog post

如果使用的是CLI,请再次阅读6。-它提供了有关如何将版本与插件一起使用的答案。但是请注意,她的示例是针对非NPM的,因此从现在开始,正确的名称在gap:plugin中。

最后一件事,我无法检查您的图像。因此,您可能不会出现启动屏幕。我有一个演示,您可以在这里查看:NPM repository。但是,它基于版本Phonegap-Splashscreen-Test。因此,您可以检查文件路径和名称,但不能检查代码。另外,该代码存储库还提供了有关为何文件名必须是文件名的注释。

我知道其中有些令人困惑,因此只需进行更改,然后我们可能需要再次遍历。

祝你好运

© www.soinside.com 2019 - 2024. All rights reserved.