显示启动画面

时间:2017-07-23 08:14:28

标签: android cordova ionic-framework ionic2 genymotion

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

我在android studio控制台中捕获了错误。

他们在这里,

Error with White Screen

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

Error source -main.js line 40

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

scanner.ts scanner.ts file content

以下是有关我的设置的更多信息:

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

感谢阅读这篇文章。如果你知道是什么原因造成的。或者如何解决此问题,请告诉我。

3 个答案:

答案 0 :(得分:4)

最清楚的是在模拟器上发现错误,错误。

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

检查元素和网络监视器,就像使用网站一样。使用chrome dev工具,在chrome地址栏中输入chrome:// inspect /#devices并按Enter键。它将在浏览器中打开以下页面,显示在其上运行的所有设备和混合应用程序。

enter image description here

现在点击检查将打开与网页相同的检查窗口。有关视觉理解,请参见下图。 enter image description here

For more info

答案 1 :(得分:0)

tsconfig.json中的目标值从es6更改为es5已经奏效。
EG。 "target": "es6">>> "target": "es5"


注意:除非您明确声明,否则项目不会自动发生此问题。

答案 2 :(得分:0)

您只需要添加具有您Android SDK的确切API版本的新虚拟设备,白屏就会消失。