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

Ionic 2 Visual Studio template - Live reload does not work

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

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

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

有什么想法吗?

您需要手动配置 "watch" 任务在打开项目时启动。添加以下字段:

"ProjectOpened": [ "watch" ]

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

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

另外不要忘记在更改后重新打开您的解决方案。

部分答案请看@scale_tones的回答。

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

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

1) 从Githubhere

复制watcher.js文件的内容

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

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

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