Ionic 2 Visual Studio 模板 - 实时重新加载不起作用

Question

我为 Visual Studio Tools for Apache Cordova 下载并安装了最新版本的 Visual Studio Ionic 2 模板。我正在使用 Visual Studio 2017 Professional。

令我沮丧的是，我发现 Cordova 的实时重新加载功能根本不起作用。当我修改 HTML 时，Cordova Simulate 反映这些更改的唯一方法是停止调试并重新部署项目，这需要相当长的时间并且使开发工作流程非常痛苦。

当有多个 Ionic 项目正在进行时，就会出现另一个问题。我发现因为 Ionic 使用相同的端口进行部署，所以当启动其中一个项目时，启动的应用程序会对我请求的应用程序感到困惑，并且通常会显示另一个应用程序而不是我想要的应用程序。

有什么想法吗？

Answer 1

您需要手动配置打开项目时要启动的“监视”任务。添加以下字段：

"ProjectOpened": [ "watch" ]

到 package.json 中的“-vs-binding”对象。

我相信，它应该默认存在（在项目创建时），但事实并非如此。此外，您可以尝试通过 Task Runner Explorer 对其进行配置，但它也不起作用（至少对我而言）。

别忘了在更改后重新打开您的解决方案。

Answer 2

请参阅@scale_tones 的部分答案。

我对此进行了进一步调查，发现需要在此处执行一个额外的步骤来解决此问题。事实证明，已针对此问题实施了修复程序，但据我所知，它似乎没有在任何地方发布。

但是，可以手动应用修复程序。为此，请按照下列步骤操作：

1) 从 Github here

复制 watcher.js 文件的内容

2) 使用您的文件资源管理器在您的机器上搜索 watcher.js 文件。在我的机器上，该文件位于以下位置：

C:\ProgramData\Microsoft\VisualStudio\MDA\a43fc8f0\taco-toolset-6.3.1\node_modules\cordova-simulate\src\server\live-reload

将 watcher.js 文件替换为 Github 中的文件。这为我解决了这个问题，现在实时重新加载对我有用。