通过 devtools 控制台断开特定选项卡的热重新加载，用于角度应用

Question

有没有办法使用 devtools 控制台窗口为特定浏览器选项卡断开 Web 套接字与热重载我的 angular 应用程序的连接？

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

Answer 1

只需运行您的应用程序两次 - 一次通过带有 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>访问静态应用程序。

希望这有所帮助：-(

Answer 2

只做ng serve --live-reload false

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