显示启动画面后的离子android白屏答案

【问题标题】：ionic android white screen after showing the splash screen显示启动画面后的离子android白屏
【发布时间】：2017-12-28 23:57:43
【问题描述】：

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

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

他们来了，

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

然后我浏览了 pages (./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

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

【问题讨论】：

你能分享一下你的tsconfig.json吗？
{ "compilerOptions": { "allowSyntheticDefaultImports": true, "declaration": false, "emitDecoratorMetadata": true, "experimentalDecorators": true, "lib": [ "dom", "es2015" ], "module": "es2015", "moduleResolution": "node", "sourceMap": true, "target": "es6" }, "include": [ "src/**/*.ts" ], "exclude": [ "node_modules" ], "compileOnSave": false, "atom": { "rewriteTsconfig": false } }
好的，你能把"target"从"es6"改成"es5"再试一次吗？
万岁...！在启动屏幕之后，它会加载网络摄像头以扫描条形码。但是在得到那个之后，我像以前一样得到一个白屏。这是android studio中显示的错误：07-23 09:28:21.883 1024-1024/io.ionic.starter E/Web Console: ERROR at file:///android_asset/www/build/vendor.js:1591
可以分享相关的代码行吗？

标签： android cordova ionic-framework ionic2 genymotion

【解决方案1】：

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

【讨论】：

【解决方案2】：

最清楚的方法是在模拟器上找到错误或错误。

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

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

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

For more info

【讨论】：

【解决方案3】：

将tsconfig.json 中的目标值从es6 更改为es5 有效。
例如。 "target": "es6" >>> "target": "es5"

注意：除非您明确声明，否则此问题不会自动发生在项目中。

【讨论】：