在运行时禁用 create-react-app webpack hot/live reload

Question

我正在尝试在两个不同的选项卡/窗口中比较我的 React 代码之前/之后，但是 create-react-app/webpack 的热/实时重新加载功能阻止我运行旧/新代码端-并排。

以前接受的将DevTools request blocking the websocket connection 与localhost:3000/sockjs-node/* 一起使用的解决方案似乎不再有效（在Chrome 86 上）。

Answer 1

我发现热/实时重新加载功能调用了一个名为 webpackHotUpdate 的全局函数，我可以覆盖该函数以禁用该功能。

在 DevTools 控制台中运行

window.webpackHotUpdate = () => {}

注意：这不会禁用通过 websocket 连接发送的编译错误/警告的显示。