+
bisabikin-app
← Kembali ke Kurikulum
DIAGNOSIS SISTEM // SELF-HEAL

Menghadapi Kendala Saat Vibe Coding

Melihat tulisan merah di terminal adalah hal wajar. Jadikan asisten AI sebagai detektif untuk menyelesaikan masalah teknis secara instan tanpa perlu panik.

!

Aturan Emas: Jadikan AI Sebagai Detektifmu

Saat pertama kali mencoba vibe coding, godaan terbesar saat menemukan eror adalah mencarinya manual di Google atau membaca forum teknis yang rumit. Mulai sekarang, ubah kebiasaan itu: cukup salin seluruh teks eror dan serahkan ke AI.

Formula Prompt Penanganan Eror REKOMENDASI

"Halo, saya mendapatkan pesan eror berikut di terminal saat menjalankan aplikasi:
[tempel seluruh pesan eror di sini]

Tolong jelaskan secara singkat apa penyebabnya dengan bahasa awam, lalu perbaiki kode yang bermasalah untuk saya."

5 Kendala Paling Sering Terjadi & Solusinya

KENDALA #1 // COMMAND NOT FOUND

Perintah Tidak Dikenal ("command not found" atau "'npm' is not recognized")

Penyebab: Aplikasi pendukung (seperti Node.js atau Git) belum terpasang di komputermu, atau terminal belum di-restart setelah instalasi.
Solusi: Tutup terminal lalu buka jendela baru. Jika masih belum bisa, ketik di AI: "Bantu saya memeriksa apakah Node.js sudah terpasang di Windows/Mac saya langkah demi langkah."

KENDALA #2 // PORT ALREADY IN USE

Port Sudah Terpakai ("port 3000 is already in use" / EADDRINUSE)

Penyebab: Masih ada server aplikasi versi sebelumnya yang berjalan di latar belakang.
Solusi: Di terminal yang sedang jalan, tekan kombinasi keyboard Ctrl + C untuk mematikan server lama, lalu jalankan kembali perintah npm run dev.

KENDALA #3 // AI HALLUCINATED WRONG FILE

AI Mengedit File yang Salah atau Merusak Fitur Sebelumnya

Penyebab: Instruksi prompt terlalu umum sehingga AI menebak lokasi file.
Solusi: Gunakan perintah undo di AI IDE (seperti tombol Revert di Claude Code / Cursor / Windsurf), lalu beri instruksi dengan nama file yang pasti: "Hanya edit file src/pages/index.astro, jangan sentuh file lain."

KENDALA #4 // RATE LIMIT & KUOTA

AI Berhenti Mengetik di Tengah Jalan (Rate Limit / Quota)

Penyebab: Batasan permintaan per menit dari penyedia AI tercapai atau kuota gratis habis.
Solusi: Tunggu 1 hingga 2 menit, lalu ketik: "Lanjutkan kode tadi dari baris terakhir yang terpotong." Jika kuota habis, beralih ke model alternatif di panel setelan.

KENDALA #5 // TAMPILAN TIDAK BERUBAH

Kode Sudah Disimpan tapi Tampilan di Browser Belum Berubah

Penyebab: Browser menyimpan cache file lama atau file belum tersimpan secara fisik di disk.
Solusi: Tekan Ctrl + Shift + R (Windows) atau Cmd + Shift + R (Mac) untuk hard refresh pada peramban.

Pola Pikir Praktisi Vibe Coder

Dalam dunia vibe coding, kamu bertindak sebagai Sutradara Proyek, bukan kuli ketik sintaks. Eror hanyalah sinyal feedback antara instruksimu dan penerjemahan mesin. Kunci keberhasilan adalah ketenangan, komunikasi jelas, dan eksperimen bertahap!

SUDAH SIAP MELANJUTKAN?
Kembali Berlatih di Kurikulum Praktik

Pilih modul berikutnya dan bangun aplikasi impianmu langkah demi langkah.

Buka Kurikulum →