Web geliştiriciliği serüvenine adım atan herkesin karşılaştığı o sinir bozucu hata: “Cannot set headers after they are sent to the client”. Bu hata, özellikle Express.js ile çalışırken karşımıza çıkabilir ve adeta bir canavara dönüşebilir. Ama merak etmeyin, bu yazı sizi bu canavarı nasıl alt edebileceğinizi gösterecek.
Express.js'de Hata Neden Ortaya Çıkar?
Öncelikle, Express.js gibi bir framework ile çalışırken, her HTTP isteği ve cevabı bir header (başlık) ile birlikte gelir. Bu başlıklar, tarayıcıya veya istemciye cevap verilirken gönderilir. Ancak işin içine “Cannot set headers after they are sent to the client” hatası girdiğinde, bu başlıkları bir kez gönderdiğinizde, tekrar göndermeye çalıştığınızda işler karışmaya başlar.
Bu hata aslında çok basit bir mantığa dayanır: Bir HTTP cevabı gönderildikten sonra, o cevabın başlıklarını değiştiremezsiniz. Eğer başlıkları değiştirmeye çalışırsanız, Express.js bu hatayı verir.
Bu Hata Neden Olur?
Bir HTTP cevabını gönderdikten sonra, bir başka cevabı aynı istek için göndermeye çalışmak, ya da başlıkları birden fazla kez değiştirmeye çalışmak, bu hatanın başlıca sebeplerindendir. Express.js, bir kez yanıt gönderdikten sonra başlıkların yeniden ayarlanmasına izin vermez. Bu, uygulamanızda bir cevap döndürüldükten sonra başka bir cevap döndürmeye çalıştığınızda karşınıza çıkar.
Bir Örnek Üzerinden Gitmek
Diyelim ki bir kullanıcıdan gelen bir isteği işliyorsunuz ve buna bir cevap döndürdünüz. Ama sonrasında, cevap döndükten sonra bir başka işlem yapmaya çalışıyorsunuz ve yine bir cevap gönderiyorsunuz. Bu durumda Express.js, başlıkları iki kere göndermeye çalıştığınızı fark eder ve yukarıdaki hatayı verir.
İşte basit bir örnek:
```javascript
app.get('/hata', (req, res) => {
res.send('İlk cevap gönderildi.');
// Bu satır hataya neden olur
res.send('İkinci cevap gönderilmeye çalışıldı.');
});
```
Burada, ilk `res.send` çağrısı yapıldığında, istemciye yanıt gönderilir ve sonrasında ikinci `res.send` çağrısı yapılmaya çalışıldığında, başlıklar ikinci kez gönderilmeye çalışıldığı için hata alırsınız.
Hatanın Çözümü
Bu hatadan kurtulmanın en etkili yolu, yalnızca bir yanıt göndermektir. Kodunuzu dikkatli bir şekilde yazarsanız ve sadece bir yanıt döndürdüğünüzden emin olursanız, bu hatayı engellemiş olursunuz. Örneğin:
```javascript
app.get('/duzeltilmis', (req, res) => {
// İlk cevabı gönderiyoruz
res.send('İlk cevap gönderildi.');
// İkinci cevabı göndermiyoruz, çünkü bir yanıt zaten gönderildi.
});
```
Yukarıdaki gibi, bir yanıt gönderdikten sonra kodun geri kalan kısmında herhangi bir cevap göndermemek bu hatayı engelleyecektir.
Ekstra Kontrol: Asenkron Fonksiyonlar
Eğer uygulamanızda asenkron fonksiyonlar kullanıyorsanız, bu hatayı önlemek için biraz daha dikkatli olmalısınız. Özellikle veritabanı sorguları, dosya okuma işlemleri gibi asenkron işlerin tamamlanmasından sonra cevabı göndermelisiniz. Aksi takdirde, istemciye birden fazla yanıt gönderilmeye çalışılabilir.
Örnek:
```javascript
app.get('/veri', (req, res) => {
someAsyncFunction((err, data) => {
if (err) {
res.status(500).send('Bir hata oluştu!');
} else {
res.send(data);
}
});
// Asenkron işlem tamamlanmadan yanıt göndermemek önemlidir
});
```
Sonuç
Bu hata, başlangıçta sinir bozucu gibi görünse de aslında basit bir mantığa dayanır. Yalnızca bir cevabın gönderilmesini sağlamanız ve asenkron işlemleri düzgün yönetmeniz, bu hatayı önlemenin en etkili yollarıdır. Express.js ile çalışırken yanıtlarınızı dikkatlice yönettiğinizde, bu tür hatalarla karşılaşma olasılığınız oldukça düşer.
Bu yazıyı okuduktan sonra, Express.js’deki “Cannot set headers after they are sent to the client” hatasını daha iyi anlayacak ve uygulamanızda nasıl çözüm üretebileceğiniz konusunda sağlam adımlar atabileceksiniz.
