【问题标题】:Ionic v4 windows platform giving blank screenIonic v4 windows平台出现黑屏
【发布时间】:2018-10-10 14:18:14
【问题描述】:

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

我一直在尝试使用 windows 平台启动一个 ionic 4 cordova 应用程序,该应用程序适用于版本 3,但是使用版本 4(Windows 通用平台)给我一个空白屏幕。它应该在屏幕上显示应用程序。 我认为这与没有调用正确的 js 文件有关还是与 Angular 6 有关?我对此很陌生,所以如果我太含糊,我深表歉意。

重建步骤 -

  1. ionic 启动 myApp 选项卡 --type=angular
  2. 在 vs code 中打开并导航到 config.xml
  3. 添加
  4. 使用 cmd 导航到该文件并键入 ionic cordova platform add windows
  5. 然后输入 ionic cordova build windows
  6. 这将创建一个名为平台的目录,并在其中创建一个名为 windows 的目录。
  7. 进入windows,有一个sln文件,用vs studio打开,在本地机器上按f5。

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

为了尝试帮助解决这种情况,我使用 vs 代码更改了 index.html 文件以更改根目录

到

我对所有脚本标记文件都这样做了。

【问题讨论】:

    标签: angular windows cordova ionic-framework mobile


    【解决方案1】:

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

    更新

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

    【讨论】:

      猜你喜欢
      • 2019-07-16
      • 2020-03-05
      • 1970-01-01
      • 2021-01-01
      • 1970-01-01
      • 2019-04-11
      • 2016-01-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多