`<LiveReload />`

此元件將您的應用程式連接到 Remix 資產伺服器，並在開發期間檔案變更時自動重新載入頁面。在生產環境中，它會渲染 null，因此您可以安全地在根路由中始終渲染它。

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

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

Props

`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 prop 允許為 Live Reload 協定指定自訂超時時間，以毫秒為單位。這是 Web Socket 連線遺失時嘗試重新連線之前的延遲時間。預設值為 1000。