<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 とブラウザの動作のみに依存します。
プロパティ
<Scripts> コンポーネントは、次のような特定の属性を基礎となる <script> タグに渡すことができます。
<Scripts crossOrigin>は、アプリとは異なるサーバーに静的アセットをホストする場合に使用します。<Scripts nonce>は、<script>タグの nonce ソース を使用して、スクリプト用のコンテンツセキュリティポリシー をサポートする場合に使用します。
async/defer/src/type/noModule などの属性は、Remix で内部的に管理されているため、渡すことはできません。