Angular2 - Webpack - Cordova Hybrid App weißer Bildschirm nach Splashscreen. HTML-DOM-Rendering braucht mehr Zeit

Question

In Angular2-Cordova, Hybrid-App funktioniert, aber weiße Bildschirm zeigt für mindestens 20s vor dem App-Inhalt. Ich überprüfen Sie die App in Web-Browser-Konsole, fand ich die folgenden Punkte,

1. DOM nicht in inspizierten Browser Web-Konsole zu machen. Angular2 HTML/CSS/JS Laden dauert länger.
2. Ich habe versucht, laden, um benutzerdefinierte Splashscreen zu laden und es nach 5000s ausblenden und ich habe versucht, die Webpack-generierten JS-Dateien (Polyfill.bundle.js, app.bundle.js & vendor.bundle.js) in 3000s zu laden. Ich kann den benutzerdefinierten Splash-Bildschirm sehen, aber nach 3000 s dauert Webpack js Zeit und die App wird für 3 Sekunden hängen.

Lösungen sind willkommen ...

Answer 1

Ich vermute, Sie die Rendering-Job in der App (JIT oder Just In Time Kompilierung) tun ... Die Lösung wäre AOT (Ahead Of Time compilation) zu verwenden, Sie müssen also Ihre Vorlagen nicht auf dem Gerät analysieren und rendern, sondern auf Ihrem Entwicklungs-/Erstellungsgerät.