Schwarzer Bildschirm in Cordova Windows 10 UWP App

9

Ich verwende Cordova, um eine UWP Windows 10 App zu erstellen, die eine Ext.js Webanwendung enthält.

Ich kann die Anwendung erfolgreich mit Cordova mit cordova build windows und mit Senchas System sencha app build native erstellen. Dies gibt einen Ordner in cordova\platforms\windows\AppPackages mit einer .appx -Datei aus, die ich installieren kann, nachdem ich dem generierten Schlüssel vertraut habe.

Das Problem

Wenn die Installation abgeschlossen ist und die Checkbox "Wenn sie fertig ist" markiert ist, wird die App geladen und ich sehe unseren Anmeldebildschirm. Wenn ich die App schließe, indem ich das X in der oberen rechten Ecke drücke, und dann die App über das Startmenü erneut öffne, sehe ich nur einen schwarzen Bildschirm (die tatsächliche Farbe ist # 1d1f20). Wenn ich die App deinstalliere und neu installiere, funktioniert sie wieder, aber nur einmal. Jedes nachfolgende Schließen und erneutes Öffnen verursacht den schwarzen Bildschirm.

Wenn ich das Häkchen bei "Ausführen wenn beendet" wähle und dann die App manuell öffne, sehe ich auch den schwarzen Bildschirm.

Wenn der schwarze Bildschirm angezeigt wird, wenn ich F12 drücke, um Developer Tools zu öffnen, und dann Strg und R, um neu zu laden, sehe ich den Anmeldebildschirm. Es gibt keine Konsolenfehler.

Wenn ich die Datei index.html in einem Webbrowser von cordova\platforms\windows\www aus öffne, sehe ich den Anmeldebildschirm.

Ich habe versucht, der config.xml in Bezug auf den Begrüßungsbildschirm config hinzuzufügen, aber das hat der Situation nicht geholfen.

Zur Erinnerung, die App funktioniert nur einmal (wenn sie sofort gestartet wird), aber alle nachfolgenden Starts zeigen nur einen schwarzen Bildschirm, wenn ich nicht Entwicklerwerkzeuge öffne und

manuell neu lade

In Visual Studio

Wenn ich die Lösung in Visual Studio und "Ausführen" auf dem lokalen Computer öffne, funktioniert es und ich sehe den Anmeldebildschirm.

Wenn ich Build & gt; Deploy Solution, es wird die App auf meinem System installieren und es ausführen und es funktioniert.

Dies bewirkt, dass die App auch bei nachfolgenden Starts funktioniert !!

Wenn ich zu Projekt & gt; gehe Laden & gt; Erstellen Sie App-Pakete und erstellen Sie ein App-Paket, ich bekomme das gleiche Problem mit dem schwarzen Bildschirm (Randnotiz, dies erstellt eine .appxbundle-Datei anstelle einer .appx-Datei).

Meine Systemdetails:

  • Windows 10 x 64 Version 1709 OS Build 16299.192
  • Knoten: 6.10.3
  • npm: 5.6.0
  • cordova: 8.0.0
  • Visual Studio: Community 2017 15.5.3
  • JavaScript UWP-Projektsystem: 2.0
  • Visual Studio-Tools für Universal Windows Apps: 15.0.27130.2020
  • Ext.js 6.5.1

Cordova Konfigurationsdatei

%Vor%

Jede Hilfe wird geschätzt.

BEARBEITEN

Ich habe versucht, die Cordova-Build mit einer frischen, leeren Ext.js 6.5.3 App und das gleiche Problem mit dem ersten Start funktioniert auch und startet anschließend weißen Bildschirm.

Bearbeiten 2

Hier finden Sie einen Link zu der betreffenden Beispiel-App

    
Daniel Twigg 27.01.2018, 12:14
quelle

1 Antwort

1

Ich habe mit Daniel Twigg gearbeitet, um das Problem zu lösen.

Das Problem liegt im Sencha Ext JS-Microloader (bootstrap.js). Aus irgendeinem Grund hat das dynamische Laden von Dateien auf der Seite, die der Microloader ausführt, Probleme in Windows - ich habe eine modifizierte Version der Datei 'bootstrap.js', die das Problem behebt - bitte kontaktieren Sie mich, falls nötig - oder ich kann es posten hier

[email protected]

    
Marc Gusmano 31.01.2018 21:10
quelle