`<Scripts />`

此元件會渲染您的應用程式的用戶端執行階段。您應該將它渲染在 HTML 的 <body> 內，通常在 app/root.tsx 中。

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

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

如果您沒有渲染 <Scripts/> 元件，您的應用程式仍然會像傳統的 Web 應用程式一樣運作，而沒有 JavaScript，僅依賴 HTML 和瀏覽器行為。

屬性

<Scripts> 元件可以將某些屬性傳遞給底層的 <script> 標籤，例如

<Scripts crossOrigin> 用於將您的靜態資源託管在與您的應用程式不同的伺服器上。
<Scripts nonce> 以使用指令碼的內容安全策略，並為您的 <script> 標籤使用 nonce-sources。

您無法傳遞諸如 async/defer/src/type/noModule 等屬性，因為它們由 Remix 內部管理。