Ionic / cordova android模拟破碎 - 显示一些角度代码

Question

Newb警报。我正在尝试构建我的第一个ios / android应用程序。它是一个基于角度1的应用程序，我使用ionic来构建ios和Android版本。我已经在常规浏览器中使用该应用。我已经构建了IOS版本并对其进行了测试，但它确实有效。一旦我构建了Android版本并在各种虚拟或真实设备中进行测试，所有显示的都是一些代码。这是调试日志：

 03-03 07:16:53.908 2764-2775/com.example.myuser.myapplication E/art: Failed sending reply to debugger: Broken pipe
 03-03 07:16:54.845 2764-2847/com.example.myuser.myapplication E/EGL_emulation: tid 2847: eglSurfaceAttrib(1174): error 0x3009 (EGL_BAD_MATCH)

ionic serve --lab 工作正常并显示ios和android（附图像）

在第二张图片（android虚拟设备）中，您可以看到几段角度代码。

Answer 1

我已经解决了这个问题，并希望这可以帮助其他遇到同样问题的人。检查模拟器或实际Android设备上的chrome dev工具后，我发现所有http / https请求都有404错误。我不得不添加cordova白名单插件。我在我的离子文件夹中添加了它：

 cordova plugin add cordova-plugin-whitelist

其他有这个问题的人说他们必须在index.html主题部分添加一些代码，但我没有这样做。

所以这个插件显然让设备/模拟器允许http请求，找到了404的所有javascript库和css文件，应用程序也运行了！

关于应用程序中的外部js库，现在对另一个问题的讨论变得明显。我想我应该把它们全部包括起来，而不是使用http请求。