Tag-ul <svelte:boundary> în Svelte 5 în Svelte & SvelteKit

Prinde și izolează erorile de execuție din arborele de componente (Error Boundary) afișând un fallback UI.

Sintaxă
<svelte:boundary onerror={trateazaEroare}> <ComponentaRiscanta /> </svelte:boundary>

Error Boundaries native în Svelte 5

Dacă o componentă copil aruncă o excepție în timpul randării, fără un boundary întreaga aplicație Svelte ar putea eșua. <svelte:boundary> capturează eroarea, previne prăbușirea ecranului și randează un fragment de rezervă (fallback UI).

Exemplu Concret: Izolarea erorilor într-un widget terț
<svelte:boundary>
  <WidgetMeteo />

  {#snippet failed(error, reset)}
    <div class="eroare-widget">
      <p>Widgetul nu a putut fi încărcat.</p>
      <button onclick={reset}>Reîncearcă</button>
    </div>
  {/snippet}
</svelte:boundary>
Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Tag-ul <svelte:boundary> în Svelte 5

Ai o nelămurire despre utilizarea comenzii Tag-ul <svelte:boundary> în Svelte 5 sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.