Cara Mengatasi Error 'Port Already in Use' di Node.js dan React

Menghadapi Zombie Process di Komputer

Kamu membuka VS Code, lalu mengetik npm run dev atau npm start untuk menyalakan *Localhost*. Bukannya jalan, terminal malah menampilkan error mengerikan: Error: listen EADDRINUSE: address already in use :::3000.

Error ini berarti: Port 3000 di komputermu sedang dipakai oleh aplikasi lain (atau oleh kodemu sendiri yang *nge-hang* dan tidak mati dengan sempurna). Komputermu tidak mengizinkan dua aplikasi menggunakan nomor pintu (Port) yang sama secara bersamaan.

Berikut cara "membunuh" aplikasi siluman (Zombie Process) yang menyandera port tersebut.

Cara 1: Solusi Mudah (Ganti Nomor Port-nya)

Jika kamu tidak mau repot mencari aplikasinya, cukup suruh kodemu berjalan di pintu yang lain.

• Di React/Create React App: Biasanya akan muncul pesan "Would you like to run the app on another port instead?" Ketik Y lalu Enter.
• Di Vite: Ubah file vite.config.js dan tambahkan opsi: server: { port: 3001 }.
• Di Express (Node.js): Ubah kode app.listen(3000) menjadi app.listen(8080).

Cara 2: Solusi Tuntas di Windows (Lewat Terminal CMD)

Jika kamu ingin membasmi prosesnya agar Port 3000 bisa dipakai lagi, buka Command Prompt (CMD) as Administrator, lalu ikuti langkah ini:

1. Cari tahu ID dari aplikasi nakal tersebut dengan perintah ini:
   netstat -ano | findstr :3000
2. Nanti akan muncul baris angka. Perhatikan angka di paling kanan ujung (Itu adalah PID / Process ID-nya). Misalnya angkanya 14520.
3. Bunuh aplikasi tersebut menggunakan perintah:
   taskkill /PID 14520 /F
4. Selesai! Sekarang kamu bisa menjalankan npm start lagi dengan tenang.

Cara 3: Solusi Tuntas di Mac / Linux

Pengguna keluarga UNIX lebih beruntung karena perintahnya jauh lebih singkat. Buka Terminal, lalu jalankan perintah ini:

1. Ketahui PID aplikasinya dengan mengetik:
   lsof -i :3000
2. Lihat angka di kolom PID (misal: 9045).
3. Bunuh aplikasinya secara paksa dengan perintah:
   kill -9 9045

Kesimpulan

Biasakan untuk mematikan server Localhost-mu secara elegan dengan menekan tombol Ctrl + C di terminal VS Code sebelum kamu menutup jendelanya. Menutup jendela aplikasi secara paksa (klik tombol X merah) sering kali menyebabkan Zombie Process di belakang layar!