În loc să adăugați manual declarații console.log() în bucle sau în efecte secundare (ceea ce poate provoca bucle infinite de randare), Svelte 5 oferă rune-ul special de depanare $inspect(). Acesta este automat eliminat (stripped) în build-urile de producție.
Depanarea stării reactive cu $inspect și .with()
<script lang="ts">
let contor = $state(0);
let profil = $state({ nume: "Bogdan", punctaj: 100 });
// 1. Logare simplă în consolă la orice schimbare:
$inspect(contor, profil);
// 2. Interceptare detaliată cu metoda .with():
$inspect(profil).with((tip, valoare) => {
if (tip === "init") {
console.log("[INSPECȚIE] Stare inițială:", valoare);
} else if (tip === "update") {
console.log("[INSPECȚIE] Valoare modificată:", valoare);
// declanșează un breakpoint în DevTools:
debugger;
}
});
</script>
<button onclick={() => contor++}>Crește contor: {contor}</button>
<button onclick={() => profil.punctaj += 50}>Punctaj +50</button>
Întrebări & Exemple de Cod:
Rune-ul $inspect în Svelte 5: Depanarea Reactivității la RulareAi o nelămurire despre utilizarea comenzii
Rune-ul $inspect în Svelte 5: Depanarea Reactivității la Rularesau 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.