reactjs - 如何在 React 中禁用热加载

Question

当我更改 React 应用程序的 public 文件夹内容时，我的 React 应用程序会自动重新加载。如何禁用此功能？

我找到了this question的答案，但它不再起作用了。

Answer 1

不幸的是，他们不允许您编辑该功能。

您能做的就是通过浏览器来完成。您链接到的答案已有几年历史，因此 URL 不正确。了解如何为您的浏览器执行此操作，但您想用它来阻止 URL。您要阻止的网址是 http://localhost:<port>/*.hot-update.js .

默认情况下，CRA 在端口 3000 上运行，因此如果您没有更改任何内容，请插入该端口。

更改 public/ 中的资源时禁用更新，将以下内容附加到您的 index.html :

<script>
  {
    var WS = window.WebSocket;
    function DevWebSocket(s) {
      if (s === "ws://localhost:3000/sockjs-node") {
        console.info("[DEV NOTICE] Live Reload Has Been Disabled");
        return {};
      } else {
        // Pass through other usage of sockets
        return new WS(s);
      }
    }
    window.WebSocket = DevWebSocket;
  }
</script>