Question

我的应用在设备上显示白屏，但它在浏览器和模拟器中正确运行。我尝试了很多解决方案，但没有一个对我有用。我还使用ionic run ios -l -c命令查看控制台日志中的错误，但它没有显示任何错误。

有没有人对如何调试此问题有任何建议？

Answer 1

我也面临同样的问题：

但您可以使用<ion-content>替换<ion-scroll>的html页面内容..并设置overflow-scroll="false"

另一件事是检查config.xml文件中是否设置了所有这些值

<preference name="SplashScreenDelay" value="2000"/>
<preference name="FadeSplashScreenDuration" value="2000"/>
<preference name="SplashScreen" value="screen"/>
<preference name="ShowSplashScreenSpinner" value="false"/>
<preference name="AutoHideSplashScreen" value="false" />

并通过添加此行

更改app.js文件

$ionicConfigProvider.views.swipeBackEnabled(false);

Answer 2

我最近遇到了类似的问题。删除node_modules，平台和插件目录之后，您可以尝试执行全新安装吗？

如果不起作用，请像这样更新您的app.component.ts。

import { SplashScreen } from '@ionic-native/splash-screen';

export class MyApp {
   ...
   constructor(... public splashScreen: SplashScreen, ...) {

   this.initializeApp();

}

initializeApp() {

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

    setTimeout(() => {
      this.splashScreen.hide();
    }, 2000);

    ...

  });
}

在您的config.xml中设置此参考。

<preference name="AutoHideSplashScreen" value="false" />
<preference name="SplashShowOnlyFirstTime" value="false" />
<preference name="ShowSplashScreen" value="false" />
<preference name="SplashScreenDelay" value="3000" />
<preference name="ShowSplashScreenSpinner" value="false" />
<preference name="FadeSplashScreen" value="false" />

Answer 3

IOS在最新版本的IOS中已弃用UIWebview。

使用以下命令在Ionic项目中安装WKWebview插件

cordova-plugin-ionic-webview
使用以下命令从离子项目中删除ios平台

离子科尔多瓦平台rm ios
打开离子项目的config.xml文件，并将以下代码行放入ios平台（）

交换后，您的config.xml文件代码如下

<platform name="ios">
<preference name="WKWebViewOnly" value="true" />

<feature name="CDVWKWebViewEngine">
    <param name="ios-package" value="CDVWKWebViewEngine" />
</feature>

添加已读取的ios平台

ionic cordova平台添加ios

如何解决离子应用中的白屏（ios）

3 个答案: