`<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 源的 <script> 标签。

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