`<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> 用于支持带有 nonce-sources 的脚本的内容安全策略，用于您的 <script> 标签。

您不能传递诸如 async/defer/src/type/noModule 之类的属性，因为它们由 Remix 在内部管理。