PhoneGap应用程序中的角4显示空白屏幕

Question

我想知道是否有人也有同样的问题。我有一个项目，基于角4使用角cli，这是很好的工作在网页浏览器。当我将其打包到Android的云服务中并将其安装在我的安卓平板电脑上时，它会显示为空白屏幕。

我做了一个实验，创建了一个新的角cli项目，没有任何改变，直接将它打包在build.phonegap.com中，结果是在平板电脑中打开已安装的应用程序时，屏幕是相同的。

我在互联网上发现的非常稀少的信息是关于<base href="/">的，但是改变它的路径没有帮助.

Answer 1

最后我找到了问题所在。我不得不更新文件polyfills.ts，以便为Cordova / PhoneGap使用的移动web视图呈现引擎提供更健壮的多填充。因此，在polyfills.ts中，我更改了行：

import 'core-js/es6/reflect';

转到

import 'core-js/es6';

这样就可以提供整个es6的填充。对于全新的angular cli项目来说，这已经足够了。在我的主要项目中，我必须包括以下内容：

import 'core-js/client/shim';

这提供了更多的填充。

现在，我知道，为了优化性能，了解特定呈现引擎所需的精确的多填充，并且只包含这些引擎可能会更好。

因此，为了适合:我相应地更改了polyfills.ts，并使用以下命令构建了该项目：

ng build --base-href . --prod

Answer 2

这是正确的。

问题是因为

<base href="/">

如果您打开控制台，您将看到404在资源中找不到。

解决问题使用

构建使用

ng build --base -href .

这个dist文件夹应该放在cordova。

Answer 3

我想你会发现以下视频解释非常有用：https://www.youtube.com/watch?v=JiIGcmHtDDE

我在项目配置中使用了cordova cli，它对我帮助很大。https://cordova.apache.org/docs/en/latest/guide/cli/

至于空白的屏幕，使用"“确实有帮助。