Scripts

`<Scripts />`

此组件呈现应用的客户端运行时。您应将其呈现在 HTML 的 <body> 内，通常在 app/root.tsx 中。

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

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

如果你不渲染 <Scripts/> 组件，你的应用仍将像没有 JavaScript 的传统 Web 应用一样工作，仅依赖于 HTML 和浏览器行为。

Props

<Scripts> 组件可以将某些属性传递给底层的 <script> 标签，例如：

<Scripts crossOrigin> 用于将您的静态资产托管在与您的应用不同的服务器上。
<Scripts nonce> 用于为您的 <script> 标签支持带有 nonce-sources 的脚本内容安全策略。

您无法传递诸如async/defer/src/type/noModule 等属性，因为它们由 Remix 内部管理。