Question

我在Android模拟器上得到一个空白屏幕，而真实设备上的软件包部署工作正常。

模拟器和真实设备都是Nexus 6，Marshmallow。

该项目是一个Angular 5应用程序，通过运行

创建的默认模板

ng new myproject
ng build --prod

使用此配置：

Angular CLI: 1.5.4
Node: 6.11.4
OS: darwin x64
Angular: 5.2.1

之后（Angular输出在www，Cordova预期的位置），我运行：

cordova build android

我在没有问题的情况下部署到设备的输出，即当我运行应用程序时，我看到默认主页，但是当我运行时

cordova emulate android

我看到一个没有任何错误的空白屏幕。

我在iOS（模拟器）上有类似的行为（空白屏幕），但我通过设置

来实现它

--base-href .

但看起来Android插件需要不同的处理。

我的主要问题是，我如何解决这种情况。或者我可能做错了。

最后一点

cordova emulate browser

无任何问题地运行，像“正常”中的网络应用程序一样运行。浏览器实例。我希望Cordova插件行为有一定程度的透明度，但这似乎并非如此。我对这个话题比较陌生，所以也许有经验丰富的人可以指导我，非常感谢。

Answer 1

你做过这个吗？

.container-header {
    background-image: url(https://www.google.be/url?sa=i&rct=j&q=&esrc=s&source=images&cd=&ved=0ahUKEwjF0-TKlO_YAhVlIsAKHZQEA0wQjRwIBw&url=https%3A%2F%2Fimagejournal.org%2F&psig=AOvVaw0k5kAcZwpSTzuIwHkdaVeO&ust=1516833850304522); 
    width: 96rem; 
    margin: 0 auto;     
    display: flex; 
    flex-direction: column; 
}

https://cordova.apache.org

你也可以尝试在自己的手机上编译。它比模拟器更好，更快地工作

Answer 2

检查您的Android版本。有时Angular项目需要4.4以上。如果在运行应用程序之前有任何API检查。

Android模拟器上的白色屏幕

2 个答案: