Ionic Android启动页显示后出现白屏问题

Question

我已经使用ionic cordova build android构建了一个apk文件。然后，我使用Genymotion模拟器打开了该应用程序。当我打开应用程序时，它会启动并显示闪屏画面。之后，一个白屏永远出现（我可以关闭该应用程序。但是当我再次启动它时，同样的事情发生）。

我已在Android Studio控制台中捕获了错误。

以下是错误信息：

然后我在该apk中打开了main.js文件。在第40行，我找到了这段代码。

然后我在页面文件夹（./pages/scanner/scanner.ts）中浏览了scanner.ts文件。我没有发现任何问题。当我使用cordova run browser运行它时，它可以正常工作。

scanner.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

感谢阅读本文。如果您知道是什么原因导致了这个问题，或者如何解决这个问题，请告诉我。

- Senura Dissanayake

---

请问您能分享一下您的 tsconfig.json 文件吗？ - Stephan Strate

好的，你能把“target”从“es6”改成“es5”，然后再试一遍吗？ - Stephan Strate

以下是vender.js文件内容的屏幕截图（第1591行）：[IMG]http://i67.tinypic.com/t5lroo.jpg[/IMG] - Senura Dissanayake

@StephanStrate 第1591行代码为 > console.error.apply(console, values);整个代码块如下 > function defaultErrorLogger(console) { var values = []; for (var _i = 1; _i < arguments.length; _i++) { values[_i - 1] = arguments[_i]; } console.error.apply(console, values); } - Senura Dissanayake

@StephanStrate 谢谢您的回复。您已经部分解决了我的问题。至少现在我的扫描仪可以工作了。谢谢。我会深入研究代码并尝试解决问题。谢谢！ - Senura Dissanayake

Answer 1

清晰度的最佳体现是在模拟器上找到错误。

在移动设备或模拟器上调试Ionic Android应用程序。

像处理网站一样检查元素和网络监视器。使用Chrome开发工具，输入chrome://inspect/#devices并按回车键。它将在您的浏览器中打开以下页面，显示所有设备和运行在其上的混合应用程序。

现在点击检查将打开与网页相同的检查窗口。请参见以下图像以进行视觉理解。

更多信息

- Ahmad Aghazadeh

Answer 2

您只需要添加一个新的虚拟设备，其API版本与您的Android SDK完全相同，白屏问题就会消失。

- Jamel Nytsee

Answer 3

将 tsconfig.json 中的目标值从 es6 更改为 es5 已经起作用。
例如："target": "es6" >>> "target": "es5"

注意：除非明确声明，否则此问题不会自动应用于项目中。

- Senura Dissanayake