Cordova - weißer Bildschirm nach dem Start, keine Ausnahmen in der Konsole

Ich habe Ihre App ausgeführt, dies sind die Schritte, die ich befolgt habe.

1) Zuerst müssen Sie die Einstellungen für den Splash-Bildschirm zusammen mit dem Speicherort des Splash-Bildschirms in Ihrer config.xml festlegen. Dies ist, was ich denke, dass Sie vermisst werden

<preference
    name="SplashScreen"
    value="screen" />
<preference
    name="AutoHideSplashScreen"
    value="true" />
<preference
    name="SplashScreenDelay"
    value="5000" />

<feature name="SplashScreen" >
    <param
        name="Android-package"
        value="org.Apache.cordova.splashscreen.SplashScreen" />

    <param
        name="onload"
        value="true" />
</feature>

2) Deklarieren Sie Ihre Begrüßungsbildschirme in config.xml, was Sie bereits getan haben.

Ich empfehle Ihnen, Bilder in Standard-Dichteordnern des Android-Projekts (ldpi, mdpi, hdpi, xhdpi usw.) anstelle von Bildschirm-/Android-Ordnern zu belassen, da dies Ihre Projektstruktur vereinfacht.

    <!-- you can use any density that exists in the Android project -->
    <splash
        density="land-hdpi"
        src="res/drawable-land-hdpi/splash.png" />
    <splash
        density="land-ldpi"
        src="res/drawable-land-ldpi/splash.png" />
    <splash
        density="land-mdpi"
        src="res/drawable-land-mdpi/splash.png" />
    <splash
        density="land-xhdpi"
        src="res/drawable-land-xhdpi/splash.png" />
    <splash
        density="port-hdpi"
        src="res/drawable-hdpi/splash.png" />
    <splash
        density="port-ldpi"
        src="res/drawable-ldpi/splash.png" />
    <splash
        density="port-mdpi"
        src="res/drawable-mdpi/splash.png" />
    <splash
        density="port-xhdpi"
        src="res/drawable-xhdpi/splash.png" />
</platform>

3) Fügen Sie Splash Screen Plugin-Klasse in Ihre Android-Projektstruktur unter org.Apache.cordova.splashscreen ein, oder installieren Sie das Begrüßungsbildschirm-Cordova-Plugin 

https://cordova.Apache.org/docs/de/3.1.0/cordova/splashscreen/splashscreen.html

4) Der letzte und wichtigste Schritt muss Cordova.js in Ihrem www-Ordner haben

Danach konnte ich Ihre Web-App ausführen

Ich bin Android-Entwickler. Ich denke, etwas Ähnliches, das Sie möglicherweise für iOS tun müssen

Ich hatte ein ähnliches Problem bei der Verwendung von cordova mit ember.js. Es ging um die URL-Änderungsstrategie meiner Bewerbung. 

Schau mal auf diese Antwort , vielleicht hängt es mit deinem Problem zusammen.

Sie sollten das splash-screen-Plugin für iOS und Android installieren, um ordnungsgemäß zu funktionieren, wenn Sie Splash in config.xml hinzufügen. oder ohne splash-screen-plugin können Sie versuchen, einen Begrüßungsbildschirm mit HTML zu erstellen, den Körper in zwei Teile zu teilen: Inhalt und Login. Dann legen Sie die Anzeige des Inhaltsstils fest: keine. Wenn die App fertig geladen ist, legen Sie einfach die Anzeige des Ladebildschirms fest: Keine und die Bildschirminhalt des Inhalts: Blockieren oder was immer Sie möchten

Und Sie fehlen die folgenden Einstellungen in Ihrem config.xml

<preference name="SplashScreenDelay" value="3000" />
<preference name="SplashMaintainAspectRatio" value="true|false" />
<preference name="SplashShowOnlyFirstTime" value="true|false" />

Versuchen Sie, diese Einstellung Ihrer config.xml hinzuzufügen. Dies ist möglicherweise das Problem

<preference name="AutoHideSplashScreen" value="true"/>

Das einzige Update, das für mich funktioniert hat, wurde hier gefunden: http://www.codingandclimbing.co.uk/blog/ionic-2-fix-splash-screen-white-screen-issue-14

bearbeiten Sie grundsätzlich Ihre config.xml-Datei. Das Startbild-Setup sollte folgendermaßen aussehen:

<preference name="ShowSplashScreen" value="true"/>
<preference name="SplashScreen" value="screen"/>
<preference name="SplashScreenDelay" value="30000"/>
<preference name="AutoHideSplashScreen" value="false"/>
<preference name="SplashShowOnlyFirstTime" value="false"/>
<preference name="FadeSplashScreen" value="false"/>
<feature name="SplashScreen">
    <param name="Android-package" value="org.Apache.cordova.splashscreen.SplashScreen"/>
</feature>

Ein fehlendes <meta http-equiv="Content-Security-Policy">-Tag auf der head verursachte in meinem Fall einen weißen Bildschirm.

Mein Problem war mit ES6, es läuft perfekt auf iPhone und Android 6, aber es funktioniert nicht mit Android 4 und 5.

Ich habe diese Situation und habe sie gelöst.

In meinem Fall ähnelte es diesem Code:

$scope.images.Push({ id: i, src: "http://placehold.it/50x50" , pstb, trno});

Der obige Code läuft gut auf Android 7.0, aber nur weißer Bildschirm nach dem Aufprall auf Android 4.4.4

Daraufhin geändert:

$scope.images.Push({ id: i, src: "http://placehold.it/50x50", pstb: pstb, trno: trno});

Auf allen Geräten laufen (zumindest auf allen meinen Geräten)

Ich habe diese Zeilen in config.xml hinzugefügt

<preference name="SplashScreen" value="screen" />
<preference name="SplashScreenDelay" value="6000" />

Ich habe auch einen schwarzen Bildschirm, wenn ich als 3000 Screendelay gebe. Also habe ich auf 6000 geändert.

In meinem Fall habe ich versehentlich die Zustandsdefinition in app.js kommentiert.

1 >> Wenn Sie vermuten, dass während des Startens eine Ausnahme ausgelöst wird, können Sie die Browserplattform verwenden, um die Ursache zu ermitteln .. 2. 2 Fügen Sie Ihre Plugins mithilfe des spec-Parameters in der config.xml auf eine bestimmte Version. Dies erspart Ihnen in Zukunft einige Schmerzen.

In meinem Fall stelle ich einen Alarm ein, bevor der erste Bildschirm noch montiert ist.