handle errors when fetching data from server

richardsd · Sep 15, 2023 · 7774382 · 7774382
1 parent 6b3a4d0
commit 7774382
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/svelte-todo-app/src/lib/TodoManager.svelte b/svelte-todo-app/src/lib/TodoManager.svelte
@@ -11,8 +11,12 @@
   $: totalNumberOfTodos = todos.length;
 
   onMount(async () => {
-    const response = await fetch('http://localhost:3000/todos');
-    data = await response.json();
+    try {
+      const response = await fetch('http://localhost:3000/todos');
+      data = await response.json();
+    } catch (e) {
+      console.error('Couldn\'t fetch data from server');
+    }
 
     done = data.filter(item => item.status === 'done');
     todos = data.filter(item => item.status === 'todo');