Ionic v4 Windows 平台出现空白屏幕

Pin*_*ple 1 windows mobile cordova ionic-framework angular

有谁知道 ionic 4 是否有适用于 Windows 的平台?

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

重新创建的步骤 -

  1. ionic 启动 myApp 选项卡 --type=angular
  2. 在 VS Code 中打开并导航到 config.xml
  3. 添加<首选项名称=“windows-target-version”值=“10.0”/>
  4. 使用 cmd 导航到此文件并输入 ionic cordova platform add windows
  5. 然后输入 ionic cordova build windows
  6. 这会创建一个名为platforms的目录,并在其中创建一个名为windows的目录。
  7. 进入windows,有一个sln文件,用vs studio打开,然后按f5在本地机器上工作。

这给了我一个空白屏幕:(但是在 ionic 版本 3 中执行相同的步骤它工作正常。

为了尝试帮助这种情况,我使用 vs code 更改了 index.html 文件,以更改
< script type="text/javascript" src="runtime.js"> 的根目录

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

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

Pin*_*ple 5

我找到了解决办法!导航到 www 目录,然后进入其中的 index.html。我将 <base href="/" > 更改为 <base href="./" >,现在允许在浏览器和 Windows 平台 10 上找到并运行所有 javascript 文件。我们还检查了路由和页面加载,一切都应该没问题。似乎存在目录问题。

更新

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