溫泉用戶界面問題顯示“白屏” angularJS代碼

Question

我的cordova應用程序不再值得。 它在應用程序運行時顯示角度表達式。 在啟動時有時會顯示白屏，我認為這可能是JS依賴關系的問題。 我發布了我的JS依賴關系訂單

<!-- JS dependencies (order matters!) -->
    <script src="scripts/platformOverrides.js" type="text/javascript"></script>
    <script src="lib/angular/angular.js" type="text/javascript"></script>
    <script src="lib/onsen/js/onsenui.js" type="text/javascript"></script>
    <script src="lib/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyD5sCjiaGLF8i8zul_W4GBsnMBY9mZTdB4&libraries=places"></script>

    <!-- Cordova reference -->
    <script src="cordova.js"></script>
    <script src="scripts/index.js" type="text/javascript"></script>
    <script type="text/javascript" src="bower_components/ngCordova/dist/ng-cordova.js"></script>

    <!-- CSS dependencies -->
    <link rel="stylesheet" href="lib/onsen/css/onsenui.css" />
    <link rel="stylesheet" href="lib/onsen/css/onsen-css-components-blue-basic-theme.css" />
  <!--   <link rel="stylesheet" type="text/css" href="lib/pace.theme.css"> -->
    <!-- CSP support mode (required for Windows Universal apps) -->
    <link rel="stylesheet" href="lib/angular/angular-csp.css" />
    <link rel="stylesheet" type="text/css" href="index.css">
    <link rel="stylesheet" href="animate.css" />

問題的屏幕截圖

這是由於錯誤的依存關系順序或互聯網問題或我所缺少的任何東西，還是我可以做得很好

Answer 1

這可能會有點晚，但是可以通過做兩件事來解決。 1.）將通過config.xml文件顯示初始屏幕的時間增加到大約5000毫秒。 2.）在ons.ready()函數中，添加： navigator.splashscreen.hide();

這將顯示啟動屏幕，在庫加載時隱藏白色屏幕，然后在應用程序就緒時將其隱藏。 這解決了我的問題。