顯示啟動畫面后的ionic android白屏

Question

我已經使用ionic cordova build android構建了一個 apk 文件。 我已經使用 Genymotion 模擬器打開了該應用程序。 當我打開應用程序時，它會啟動並顯示啟動畫面。 之后，白屏永遠出現（我可以關閉應用程序。但是當我再次啟動時，同樣的事情發生）。

我在 android studio 控制台中捕獲了錯誤。

他們在這里，

然后我在那個 apk 中打開了 main.js 文件。 在第 40 行，我找到了這段代碼。

然后我瀏覽了 pages (./pages/scanner/scanner.ts) 文件夾中的scanner.ts。 我沒有發現任何錯誤。 當我使用cordova run browser運行它時它起作用。

掃描儀.ts

以下是有關我的設置的更多信息：

npm list -g --depth=0
+-- babel@6.23.0
+-- babel-cli@6.24.1
+-- cordova@7.0.1
+-- ionic@3.5.0
-- nodemon@1.11.0

Installed platforms:
  android 4.0.0
  browser 4.1.0
Available platforms:
  blackberry10 ~3.8.0 (deprecated)
  webos ~3.7.0
  windows ~5.0.0

感謝您閱讀這篇文章。 如果你知道是什么原因造成的。 或者如何解決這個問題，請告訴我。

Answer 1

最好的清楚是在模擬器上找到錯誤Ì錯誤。

在移動設備或模擬器上調試 Ionic Android 應用程序。

檢查元素和網絡監視器，就像處理網站一樣。 使用 chrome 開發工具，在 chrome 地址欄中寫入 chrome://inspect/#devices 並按回車鍵。 它將在您的瀏覽器中打開以下頁面，顯示在其上運行的所有設備和混合應用程序。

現在單擊檢查將打開與網頁相同的檢查窗口。 請參閱下圖以進行視覺理解。

欲了解更多信息

Answer 2

將tsconfig.json中的tsconfig.json從es6為es5已經奏效。
例如。 "target": "es6" >>> "target": "es5"

注意：除非您明確聲明，否則此問題不會自動發生在項目中。

Answer 3

您只需要使用 Android SDK 的確切 API 版本添加一個新的虛擬設備，白屏就會消失。

Answer 4

config.xml

 <preference name="auto-hide-splash-screen" value="false" /> 
 <preference name="AutoHideSplashScreen" value="false" />

main.js請更改

this.platform.ready().then(function () {
        _this.statusBar.styleDefault();
        _this.splashScreen.hide();
    });

至

this.platform.ready().then(function () {
            _this.statusBar.styleDefault();
            setTimeout(function(){
                _this.splashScreen.hide();

            }, 3000);
        });