实时重新加载不适用于 Ionic 服务命令

Question

根据 Ionic Guide 第 4 章 http://ionicframework.com/docs/guide/testing.html，ionicserve 将启动实时重新加载服务器，在我的情况下确实如此，但重新加载并未发生。

为了让这个东西发挥作用，我们需要有什么先决条件吗？比如实时重新加载 Chrome 扩展？

E:\Ionic\myapp>ionic serve
Running dev server: http://localhost:8100
Running live reload server: http://localhost:35729

Answer 1

这对我有用：

运行此命令后，它会提示您选择要使用的地址，其中一个是 localhost，第二个是您的计算机 IP 地址。尝试使用选择您的计算机 IP 地址而不是本地主机。

Answer 2

即使我遇到类似的问题，用于显示文件的控制台已更改，但浏览器自动刷新没有发生。后来我发现我的 index.html 页面中缺少一个结束标记，导致 ionic 无法注入实时重新加载所需的以下脚本。

    <script src="//localhost:35729/livereload.js?snipver=1"></script>

请检查 index.html 页面中是否有任何拼写错误或其他 html 问题并修复这些问题。之后，实时重新加载应该正确措辞。

Answer 3

在 Ionic 2/3 中，我通过删除文件夹

node_modules/

和文件

package-lock.json

解决了这个问题，然后在终端运行：

npm install --save

Answer 4

我就是我的情况，我用这个来引导应用程序：

window.ionic.Platform.ready(function() {
 angular.bootstrap(document, ['myApp']);
});

然后我改变了它：

<body ng-app="myApp" >
   <ion-nav-view></ion-nav-view>
</body>

而且有效

Answer 5

如果您想在离子应用程序中获取实时控制台日志（真实设备或模拟器）

ionic cordova run android --livereload  --consolelogs --serverlogs

Answer 6

就我而言，我的网络应用程序已经运行 localhost:8100 用于桌面开发，这导致该应用程序无法在手机上加载。运行

npm ionic cap run --livereload

也会运行一个服务器供桌面访问。