离子v4 Windows平台给空白屏幕

时间:2018-10-10 14:18:14

标签: angular windows cordova ionic-framework mobile

有人知道ionic 4是否具有适用于Windows的平台吗?

我一直在尝试使用Windows平台启动ionic 4 cordova应用程序,该版本在版本3上运行良好,但是在使用版本4(Windows通用平台)时却出现了空白屏幕。它应该在屏幕上向我显示该应用程序。 我认为这与不调用正确的js文件有关,还是与angular 6有关?我对此很陌生,所以如果我太含糊,我深表歉意。

重新创建的步骤-

  1. ionic启动myApp选项卡--type = angular
  2. 在vs代码中打开并导航到config.xml
  3. 添加<首选项名称=“ windows-target-version” value =“ 10.0” />
  4. 使用cmd导航到此文件,然后键入离子cordova平台以添加窗口
  5. 然后键入离子式科尔多瓦式窗户
  6. 这将创建一个名为platform的目录,并在其中称为Windows。
  7. 进入Windows,有一个sln文件,可通过vs studio打开,然后在本地计算机上按f5键。

这给了我一个空白的屏幕:(但是在ionic版本3中执行相同的步骤就可以了。

为尝试解决这种情况,我使用vs代码更改了index.html文件,以更改根目录
<脚本类型=“ text / javascript” src =“ runtime.js”>

<脚本type =“ text / javascript” src =“ / www / runtime.js”>

我对所有脚本标记文件执行了此操作。

2 个答案:

答案 0 :(得分:2)

我找到了解决方案!导航到www目录,然后进入其中的index.html。我将更改为此,这现在允许找到所有javascript文件并在浏览器和Windows平台10上运行。我们还检查了路由和页面加载,一切正常。似乎存在目录问题。

更新

请勿在www根目录中更新任何内容,因为它是在构建过程中动态创建的。在index.html页面中更改基本href,而不是在www根目录中。

答案 1 :(得分:0)

是的,我通过基本href更改了。我的apk正在上班。但我的应用程序css无法正常工作。页面设计为col