ionic2 App启动慢，长时间白屏，使用--prod解决

来源：互联网发布：spss19软件安装编辑：程序博客网时间：2024/05/17 15:35

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

2.在app.component.ts中添加内容：

platform.ready().then(() => {

(<any>window).navigator.splashscreen.hide();}

注意：要在platform.ready()之后执行

二、ionic2 Android长时间打不开挂掉

添加一下内容，可以延长App启动时间，最起码不闪退

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

三、ionic2 App启动慢

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

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

Android：

ionic build android --prod --release

IOS

ionic build ios --prod --release

其中，--prod参数是ionic2的打包方式，使用之后.map.js会压缩变小，打包的App变小了，而且启！动！超！级！快！跟原生App相差无几。

--release参数是Cordova的打包参数，使用之后App也会变小。
所以，正式版App请务必使用这两个参数打包，非常好用！

1 0