Visual Studio 2015 Cordova Ionic 2 未更新构建时的 html 文件

Question

我运行 Visual Studio 2015 年使用 Apache Cordova 和 Ionic 2。

如果我更新 app/pages 中的任何 html 或 ts 文件，ripple 模拟器应用程序会刷新（因此检测到更新），但应用程序内容仍然相同。只有当我更新 www/build/pages 文件时，内容才会更新。

我构建/清理/重建多少次似乎并不重要，我更新应用程序内容的唯一方法是修改 build 中的文件而不是 app 中的文件。

有什么想法吗？我当然应该更新 app/pages 并看到更新自动传播到 www/build/pages，或者至少在构建时？

Answer 1

尽管在互联网上搜索并且几乎要回到 Ionic 版本 1（因为缺少构建使得 Ionic 版本 2 无法使用，在版本 1 中你直接在 www 文件夹中编辑文件）结果是解决方案在 Project_Readme.html 文件中。（谁读过说明书？！;-) :-D)

该问题似乎与处理构建 (Gulpfile.js) 的 Gulp 有关。通过导航到 View → Other Windows → Task Runner Explorer 这似乎打开了 Gulp 构建细节，并且由于某种原因打开了这个 window 似乎触发了 [=13] 的正确构建=] 到 www.

Answer 2

您可能还需要将 "watch" 脚本手动添加到 package.json 文件中。 Visual Studio.

我的 Ionic 模板版本中缺少它

  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve",
    "watch": "ionic-app-scripts watch"
  },

现在您可以根据自述文件中的屏幕截图将其添加到 Project Open 绑定中。（关闭/打开项目）

Visual Studio 2015 Cordova Ionic 2 未更新构建时的 html 文件

Visual Studio 2015 Cordova Ionic 2 not updating html files on build

cordova

ionic2

visual-studio-cordova