admin 发表于 2017-5-21 16:25:04

ionic2/ionic3打包成App启动慢,ionic3启动长时间白屏解决方案

ionic2/ionic3可以说是ionic在app上的一次飞跃。

但是很多小白发现 ionic2或者ionic3打包成App启动慢,启动的时候长时间白屏。

下面说ionic2或者ionic3启动慢解决方案:


你也可以看看ionic3视频教程里面有讲如何搭建环境以及启动慢问题,百度网盘:https://pan.baidu.com/s/1skETGa5


一,ioni2 App长时间白屏的问题,手动控制splashscreen的关闭时间

1.在config.xml文件中添加如下内容:

<preference name="AutoHideSplashScreen" value="false" />
<preference name="FadeSplashScreenDuration" value="1000" />
<preference name="SplashScreen" value="screen" />
<preference name="ShowSplashScreen" value="true" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="FadeSplashScreen" value="true" />




二、ionic2 App启动慢、ionic3启动速度慢解决方法

ionic2在使用ionic build android 或者 ionic build ios打包生成的App,启动非常,非常,非常慢!尤其是Android,简直不能忍!

其实官方给出了很简单的解决方法:使用--prod --release参数


ionic2.0 android用下面方法

ionic build android --prod --release



ionic3.x android用下面方法


ionic cordova build android --prod --release




ionic3ios同理:




ionic cordova build ios--prod --release




上面的方法如果不好使可以试试:

1.运行ionic build --prod


2.直接用androidstudio运行或者 cordova run android



注意:这个过程在最后打包apk的时候可能会报错,不用管,用你的工具重新打包试试吧。


如下图:说明成功,导入开发工具打包几个,这个时候速度杠杠的,看不出和原生区别







三、ionic2 Android长时间打不开挂掉
添加一下内容,可以延长App启动时间,最起码不闪退

<preference name="SplashScreenDelay" value="10000"/>
<preference name="loadUrlTimeoutValue" value="700000"/>



ionic3视频教程下载:https://www.itying.com/goods-460.html







twelve 发表于 2017-9-3 21:34:25

编译后无法安装..

twelve 发表于 2017-9-3 21:35:26

编译后无法安装..

twelve 发表于 2017-9-3 21:54:57

不要加这个 参数--release   这个生成的是不带签名的版本

缘来了 发表于 2017-12-22 22:37:03

twelve 发表于 2017-9-3 21:54
不要加这个 参数--release   这个生成的是不带签名的版本

1.运行ionic build --prod


2.直接用androidstudio运行或者 cordova run android

缘来了 发表于 2018-2-1 16:53:43

楼上问题解决了吗?

缘来了 发表于 2018-2-21 17:28:17


直接 ionic build --prod 就可以


页: [1]
查看完整版本: ionic2/ionic3打包成App启动慢,ionic3启动长时间白屏解决方案