=== HOT RELOAD TROUBLESHOOTING === 1. VERIFIKASI SERVER STATUS: - Development server: ✗ Not responding 2. VERIFIKASI FILE STRUCTURE: - Vite config: ✓ Ada - Package config: ✓ Ada - MainLayout component: ✓ Ada - Development env: ✓ Ada 3. SOLUSI UMUM HOT RELOAD TIDAK BERFUNGSI: A. CLEAR BROWSER CACHE: - Tekan Ctrl+Shift+R (hard refresh) - Atau F12 > Network tab > Disable cache - Atau buka Incognito/Private mode B. RESTART DEVELOPMENT SERVER: - Tekan Ctrl+C di terminal - Jalankan: npm run dev - Atau gunakan: npm run dev -- --force C. CLEAR NODE MODULES & CACHE: - rm -rf node_modules - rm package-lock.json - npm install - npm run dev D. CHECK BROWSER CONSOLE: - Buka F12 > Console - Lihat error WebSocket connection - Lihat error HMR (Hot Module Replacement) E. VITE SPECIFIC SOLUTIONS: - Tambahkan --host flag: npm run dev -- --host - Clear Vite cache: npx vite --force - Check file permissions 4. VERIFIKASI MAINLAYOUT.VUE TERBARU: - isDevelopment property: ✓ Ada - Dev chips: 7 items - File size: 21,442 bytes - Last modified: 2026-01-19 23:04:40 5. MANUAL TESTING STEPS: 1. Buka browser ke http://localhost:5173 2. Login dengan dayansgi/dayansgi123 3. Lihat sidebar - apakah chip 'dev' muncul? 4. Edit MainLayout.vue - tambah komentar atau ubah text 5. Save file - lihat apakah browser auto-refresh? 6. Check browser console untuk error 6. ENVIRONMENT CHECK: Development environment: # Development Environment VITE_API_BASE_URL=http://localhost:8000 VITE_APP_ENV=development VITE_APP_NAME=Samatortrack Dev VITE_DEBUG=true === QUICK FIX COMMANDS === cd frontend npm run dev -- --force # Atau jika masih bermasalah: rm -rf node_modules package-lock.json npm install npm run dev === BROWSER TESTING === 1. Buka http://localhost:5173 2. Tekan F12 > Console 3. Lihat pesan HMR/WebSocket 4. Edit file dan save 5. Lihat apakah ada update di console === STATUS === Development server: ✗ STOPPED Hot reload: Perlu ditest manual di browser