通过 devtools 控制台为 Angular 应用程序断开特定选项卡的热重载

Posted 2023-03-07

【中文标题】通过 devtools 控制台为 Angular 应用程序断开特定选项卡的热重载

【英文标题】：Disconnect hot reloading for a particular tab, through devtools console, for angular apps

【发布时间】：2019-02-18 22:51:12

【问题描述】：

对于特定的浏览器选项卡，是否可以使用 devtools 控制台窗口断开 Web 套接字与热重新加载我的 Angular 应用程序的连接？

当我在另一个启用热重新加载的选项卡中打开另一个实例时，我需要将应用程序保持在特定状态。

【参考方案1】：

只要ng serve --live-reload false

首先将您的 CLI 版本更新到最新版本。

【讨论】：

我不知道我应该向谁验证答案，两者都是正确的

掷骰子 ;-)

【参考方案2】：

只需运行您的应用两次 - 一次通过开发服务器并重新加载 websocket（您的ng serve），第二次不通过开发服务器。

ng build 
&& cd ./dist 
&& npx live-server --entry-file index.html --port <SOMETHING OTHER THAN 4200>

或

ng serve --live-reload false --port <SOMETHING OTHER THAN 4200>

现在您可以通过localhost:<SOMETHING OTHER THAN 4200> 访问您的静态应用程序。

希望这会有所帮助:-)

【讨论】：

我使用了 ng serve --live-reload false --port 4300 但仍然重新加载了我的应用

我不会这样做:-(。试试ng serve --live-reload false --port 4300 --watch false - 这会禁用重建和重新加载。

仍在刷新我的应用

在这种情况下，尝试使用实时服务器托管构建的应用程序。否则，请提供有关您的设置的更多详细信息，以便我查看...

只是一个由 CLI 在 localhost 上创建的常规 ng 应用