在运行时禁用create-react-app webpack热/实时重新加载

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连接发送的编译错误/警告。