随机重新加载 Angular 4（实时重新加载）

Posted 2023-02-22

【中文标题】随机重新加载 Angular 4（实时重新加载）

【英文标题】：Random reloads Angular 4 (live-reload)

【发布时间】：2017-10-14 07:36:20

【问题描述】：

我目前正在使用 Angular 4 开发一个项目，由于某种原因，当我在浏览器上预览应用程序时，我不断遇到随机重新加载。 （我在 prod 模式下运行）。有人遇到同样的问题吗？找到任何解决方案了吗？谢谢。

【问题讨论】：

我也在 Windows 7 上遇到过这种情况，但我倾向于由 Visual Studio Code 触发实时重新加载。

是的，确实是 VS Code 触发了它

如果你在谈论 angular-cli ，你可能有防病毒软件或类似的东西。或者你的编辑可以做点什么。有人正在向 node_modules 或 source 写信。

你的 VSCode 设置为自动保存了吗？

尝试在不打开 VScode 的情况下从 CMD 运行应用程序。如果它没有重新加载则VSCode是错误，您可以尝试重新安装它或使用其他IDE

【参考方案1】：

正如已经解释过它是您的代码编辑器提供的功能，目前我正在使用 Visual Studio 代码，如果您阅读了文档，它清楚地提到了此功能作为实时更新。每当您保存更改时，Visual Studio 都会触发一个事件，该事件通过您将数据共享到端口的 cmd 实例编译您的代码。

花点时间阅读 VS 代码的文档，它添加了大量功能，特别是支持 Angular 开发。

https://code.visualstudio.com/docs/nodejs/angular-tutorial

【参考方案2】：

您的页面每次都会刷新，观看文件时会更改并保存。通常它会在每次常规保存时发生（预期行为），但在大多数 IDE 中，您可以打开/关闭自动保存，因此如果它打开，例如 WebStorm 会在每帧停用和页面重新加载发生时保存更改。我建议，其他 IDE 具有完全相同的行为。这是信息，如何触发自动保存

在网络风暴中：

https://www.jetbrains.com/help/webstorm/saving-and-reverting-changes.html#tuning-autosave

在 android Studio 中：

How to disable Auto Save save in Android Studio

在崇高的文本中：

http://lucybain.com/resources/setting-up-sublime-autosave/

【讨论】：

我的 IDE 的自动保存功能已关闭。但是，我怀疑 IDE 本身就是这里的罪魁祸首。自从我发布我的问题以来，微软发布了几个 VS Code 的更新，从那以后我就没有遇到过这种行为。虽然我仍然不确定究竟是什么触发了它。

【参考方案3】：

尝试使用参数--lr=false 运行您的应用，

默认情况下 live-reload 是 true 并且服务器根据其设置为手表模式重新加载应用程序工作。

【参考方案4】：

注意空的锚标签，

<a href="#" (click)="abc()">Click Here </a>

如果 abc 函数的返回类型为 void 或者您不执行 return false，这可能会导致重新加载。