Error Handling

Next.js má špeciálne súbory pre spracovanie chýb: error.tsx zachytí chyby v route segmente, global-error.tsx pre root layout.

Vyvolaj chybu

Klikni na tlačidlo — vyvolá sa chyba zachytená error.tsx.

app/error-handling/error.tsx

"use client";

export default function Error({
  error,
  reset,
}: {
  error: Error & { digest?: string };
  reset: () => void;
}) {
  return (
    <div>
      <h2>Niečo sa pokazilo!</h2>
      <p>{error.message}</p>
      <button onClick={reset}>Skúsiť znova</button>
    </div>
  );
}

Typy error súborov

error.tsxZachytí chyby v route segmente. Musí byť Client Component.

global-error.tsxZachytí chyby v root layoute. Náhradný layout.

not-found.tsxZobrazí sa pri volaní notFound() alebo 404.