Ionic应用在iOS上运行正常,但在Android上无法运行。

3
我的应用在使用“ionic serve”、Ionic View和“ionic build ios”在iOS设备上运行良好。我的应用在Android上使用Ionic View也能正常工作。然而,当我运行“ionic run android”并在安卓设备上安装应用时,它只显示白色空白页面,无法工作。
似乎有很多人遇到了类似的问题,并在这里讨论了一些可能的解决方案:https://forum.ionicframework.com/t/ionic2-app-show-blank-screen-on-android-device-4-2-2-using-run-command-and-ionicview/39405/17。然而,对我来说,这些解决方案都没有起作用。例如,我添加了Crosswalk插件但没有效果。
有人知道为什么会出现这种情况以及如何解决吗?
欢迎提出任何建议。提前致谢。

线索:当屏幕变成白色时,这通常是因为脚本中存在语法错误或缺少“app.js”中的依赖项。在 Android 上,Chrome 浏览器比 Apple 的 WebKit 引擎更加严格,因此可能不会显示该错误。 - t0mm13b
是的。在 Android 的 index.html 中无法加载外部脚本,而 iOS 却可以正常工作。我猜这是因为 Android 比苹果的 WebKit 更加严格。感谢您的帮助! - Daiki Akiyoshi
2个回答

1

如果更新ionic不起作用,请通过genymotion阅读控制台日志。


我尝试通过Genymotion查看控制台日志,发现一个错误,即无法加载外部脚本,例如Google APIs。谢谢你的帮助! - Daiki Akiyoshi
没问题,我很高兴能够帮忙!:D - Julian Be

1
在安装Android设备上的应用程序时,它只显示白色空白页面并且无法运行。这种情况下的重要线索是,要么是语法错误,要么是缺少脚本,或者是在app.js中发生了依赖注入失败。在Android平台上,由于其Chromium浏览器引擎比iOS的Webkit引擎更加严格,因此对此方面的问题容忍度较低。最好的防御武器是使用javascript的lint工具,这将捕捉到多余的错误。一个建议的方法是将其集成到gulp脚本中作为一个pre-build任务,在实际构建之前执行。如果不使用lint工具进行构建部署周期,将会非常痛苦,因为你需要额外花费时间来尝试弄清楚为什么会出现白色空白屏幕,只有几分钟后才意识到这是由于轻微的拼写错误导致的。

我按照你的建议在我的文本编辑器上安装了jslint工具,现在我看到了以前从未意识到的小语法错误。正如你提到的,由于Android对语法错误更加严格,比iOS的Webkit引擎更加挑剔,因此重要的是修复这些小的语法错误,以便使代码适用于iOS和Android。谢谢你的帮助! - Daiki Akiyoshi

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接