Une erreur s'est produite

Voici la frontière error.tsx. Le sibling page.tsx a levé une exception — le runtime PRISM a intercepté l'erreur et a rendu ce composant avec l'erreur en prop.

Erreur : intentional — demo of error.tsx (route-aware i18n)

Rechargez — chaque nouvelle requête lève une exception, donc la frontière s'affiche toujours.

Essayez en directOuvrir dans play

Un projet exécutable de cet exemple, ouvert dans l'éditeur bext play — modifiez le code, l'aperçu se met à jour.

src/app/page.tsx2 fichiers · s'exécute dans votre navigateur

export function loader({ searchParams }) {
  return { ok: (searchParams && searchParams.get("ok")) === "1" };
}

export default function Page({ data }) {
  // A render-time throw is caught by the nearest error.tsx boundary.
  if (!data || !data.ok) throw new Error("Intentional failure — append ?ok=1…
  return (
    <main style={{ maxWidth: 520, margin: "0 auto", padding: "48px 20px", fo…
      <h1>Recovered ✓</h1>
      <p style={{ color: "#64748b" }}>The page rendered. Remove <code>?ok=1<…
    </main>
  );
}

Modifiable en direct — l'aperçu se recompile à chaque frappe.

Une erreur s'est produite

Documentation associée