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

标签 angular google-chrome-devtools webpack-dev-server hot-reload

有没有办法通过使用 devtools 控制台窗口为特定的浏览器选项卡断开网络套接字与热重新加载我的 Angular 应用程序的连接?

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

最佳答案

只需运行您的应用程序两次 - 一次通过开发服务器重新加载 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> 访问您的静态应用程序.

希望这对您有所帮助:-)

关于angular - 通过 devtools 控制台,为 Angular 应用程序断开特定选项卡的热重载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52326640/

相关文章:

angular - Ionic 3 - 如何移动主题>variable.scss 文件

ControlValueAccessor 内部的 AngularX ngOnChange

javascript - 我可以阻止 Chrome 开发者工具控制台记录图像 404 错误吗?

webpack-dev-server - index.html 更改时浏览器自动重新加载

javascript - 如果文件导入命名导出,webpack-dev-server 不会监视/重新编译文件

javascript - NodeJS, Angular 2 |接下来在 Observable 上执行方法

angular - 在 Angular 11 项目中获取 ENOENT : no such file or directory, lstat 'C:\Users\nitrathod\Desktop\Angular\node_modules'

javascript - 如何判断是否是 Knockout.js 禁用了元素而不是其他元素?

html - 为什么 Chrome 开发工具中的元素大小工具提示和计算样式大小不同?

reactjs - React 嵌套路由刷新时无法加载