Upload 8 files

src/main.js

@@ -26,6 +26,13 @@ function navigateTo(view) {
             renderStudentView().then(html => {
                 app.innerHTML = html;
                 setupStudentEvents();
+            }).catch(err => {
+                console.error("Student View Load Error:", err);
+                app.innerHTML = `<div class="p-10 text-center text-red-500">
+                    <h2 class="text-xl font-bold mb-2">載入失敗</h2>
+                    <p class="mb-4">${err.message}</p>
+                    <button onclick="window.location.reload()" class="bg-gray-700 text-white px-4 py-2 rounded">重新整理</button>
+                </div>`;
             });
             break;
         case 'admin':

src/views/StudentView.js

@@ -9,7 +9,12 @@ export async function renderStudentView() {
 
     // Fetch challenges if empty
     if (cachedChallenges.length === 0) {
-        cachedChallenges = await getChallenges();
+        try {
+            cachedChallenges = await getChallenges();
+        } catch (e) {
+            console.error("Failed to fetch challenges", e);
+            throw new Error("無法讀取題目列表，請檢查網路連線 (Error: " + e.message + ")");
+        }
     }
 
     // Group by Level (optional, but good for UI organization if we wanted headers)