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

admin

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

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

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


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


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

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

1. <preference name="AutoHideSplashScreen" value="false" />  
   
2. <preference name="FadeSplashScreenDuration" value="1000" />  
   
3. <preference name="SplashScreen" value="screen" />  
   
4. <preference name="ShowSplashScreen" value="true" />  
   
5. <preference name="ShowSplashScreenSpinner" value="false" />  
   
6. <preference name="SplashShowOnlyFirstTime" value="false" />  
   
7. <preference name="FadeSplashScreen" value="true" />  

复制代码

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

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

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


ionic2.0 android用下面方法

1. ionic build android --prod --release  
   

复制代码

ionic3.x android用下面方法

1. 
   
2. ionic cordova build android --prod --release
   

复制代码

ionic3  ios同理  ：

1. 
   
2. 
   
3. ionic cordova build ios  --prod --release
   
4. 
   

复制代码

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

1. 1.运行ionic build --prod
   
2. 
   
3. 
   
4. 2.直接用androidstudio运行  或者 cordova run android

复制代码

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


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







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

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

复制代码

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

twelve

编译后无法安装..

twelve

编译后无法安装..

twelve

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

缘来了

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

1.运行ionic build --prod


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

缘来了

楼上问题解决了吗？

缘来了

直接 ionic build --prod 就可以