`<LiveReload />`

此组件将您的应用程序连接到 Remix 资源服务器，并在开发过程中文件更改时自动重新加载页面。在生产环境中，它会渲染 null，因此您可以安全地始终在您的根路由中渲染它。

import { LiveReload } from "@remix-run/react";

export default function Root() {
  return (
    <html>
      <head />
      <body>
        <LiveReload />
      </body>
    </html>
  );
}

属性

`origin`

指定 Live Reload 协议的自定义来源。提供的 URL 应使用 http 协议，该协议将在内部升级为 ws 协议。当在 Remix 开发服务器前面使用反向代理时，这很有用。默认值是 REMIX_DEV_ORIGIN 环境变量，或者仅在未设置 REMIX_DEV_ORIGIN 时为 window.location.origin。

`port`

指定 Live Reload 协议的自定义端口。默认值是从 REMIX_DEV_ORIGIN 环境变量派生的端口，或者仅在未设置 REMIX_DEV_ORIGIN 时为 8002。

`timeoutMs`

timeoutMs 属性允许指定 Live Reload 协议的自定义超时时间，以毫秒为单位。这是在 Web Socket 连接丢失时尝试重新连接之前的延迟。默认值为 1000。