`<LiveReload />`

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

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

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

属性

`origin`

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

`port`

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

`timeoutMs`

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