JSON dosyasını fetch ile okumuyor hata veriyor

Yazdığım Java kodları ekte. Düzenleyicide hata vermiyor ama web tarayıcıdaki konsolda fetch kodunda hata verdiğini gösteriyor ve çalışmıyor. 3 tane hata veriyor. Video izleyerek yaptığım bir site, her şeyi aynı yazmama rağmen bende hata veriyor.

products.json dosyası yok?

Furbolvion dedi:

Yazdığım Java kodları ekte.

Genişletmek için tıkla...

JavaScript kodu yazmışsınız. İsim benzerliğine karşın ikisi farklı diller. Belirtmekte fayda var diye düşündüm.

---

Tahminimce HTML dosyanızı direkt (mesela çift tıklayarak) Chrome'da açmışsınız, bir sunucu kullanmadan. Paylaştığınız ekran görüntüsünden bu çıkarımda bulundum.

Detaylara hakim olmamakla birlikte durum buyken bilgisayarınızda bulunan bir dosyaya (file://) CORS nedeniyle istek yollayamıyorsunuz. İlk hatada yazdığı üzere desteklenenler http, https ve diğer yazanlar. Dediğim gibi detaylara hakim olmadığım için daha fazla açıklamada bulunamayacağım.

Bu durumu, HTML dosyanızı direkt Chrome'da açmak yerine mesela VS Code'da Live Server - Visual Studio Marketplace eklentisini kullanarak düzeltebilirsiniz. Ben denedim, çalıştı. Bunun için tabii önce VS Code kurmanız gerek.

Yaptığı şey sanırsam çalıştığı klasördeki tüm dosyaları http://127.0.0.1:5500/ adresinde sunmak. Böylelikle dosyanız da http://127.0.0.1:5500/products.json adresinde sunuluyor olacak ve bu adrese istek yollayıp dosyanızı okuyabileceksiniz.

---

Sertidegni dedi:

products.json dosyası yok?

Genişletmek için tıkla...

HTML dosyasına direkt olarak bağlı bir dosya olmadığı için Chrome bu dosyayı yüklemiyor. Oysaki örneğin style.css dosyası link ile bağlanmış olmalı. DevTools'ta gördüğümüz dosyalar, bilgisayarda ilgili klasördeki tüm dosyalar değil yani.

brkdnmz dedi:

JavaScript kodu yazmışsınız. İsim benzerliğine karşın ikisi farklı diller. Belirtmekte fayda var diye düşündüm.

---

Tahminimce HTML dosyanızı direkt (mesela çift tıklayarak) Chrome'da açmışsınız, bir sunucu kullanmadan. Paylaştığınız ekran görüntüsünden bu çıkarımda bulundum.

Detaylara hakim olmamakla birlikte durum buyken bilgisayarınızda bulunan bir dosyaya (file://) CORS nedeniyle istek yollayamıyorsunuz. İlk hatada yazdığı üzere desteklenenler http, https ve diğer yazanlar. Dediğim gibi detaylara hakim olmadığım için daha fazla açıklamada bulunamayacağım.

Bu durumu, HTML dosyanızı direkt Chrome'da açmak yerine mesela VS Code'da Live Server - Visual Studio Marketplace eklentisini kullanarak düzeltebilirsiniz. Ben denedim, çalıştı. Bunun için tabii önce VS Code kurmanız gerek.

Yaptığı şey sanırsam çalıştığı klasördeki tüm dosyaları http://127.0.0.1:5500/ adresinde sunmak. Böylelikle dosyanız da http://127.0.0.1:5500/products.json adresinde sunuluyor olacak ve bu adrese istek yollayıp dosyanızı okuyabileceksiniz.

---

HTML dosyasına direkt olarak bağlı bir dosya olmadığı için Chrome bu dosyayı yüklemiyor. Oysaki örneğin style.css dosyası link ile bağlanmış olmalı. DevTools'ta gördüğümüz dosyalar, bilgisayarda ilgili klasördeki tüm dosyalar değil yani.

Genişletmek için tıkla...

Evet dediğiniz gibi Chrome ile açtım. Hatanın bundan olduğunun da farkındayım, çözümü bilmiyordum. Siz de yazmışsınız zaten Live Server olarak açmayı deneyeceğim teşekkürler.

Sertidegni dedi:

Products. JSON dosyası yok?

Genişletmek için tıkla...

Var ekte olan fotoğrafta gözükmüyor hepsi klasör içinde bulunuyor.

brkdnmz dedi:

JavaScript kodu yazmışsınız. İsim benzerliğine karşın ikisi farklı diller. Belirtmekte fayda var diye düşündüm.

---

Tahminimce HTML dosyanızı direkt (mesela çift tıklayarak) Chrome'da açmışsınız, bir sunucu kullanmadan. Paylaştığınız ekran görüntüsünden bu çıkarımda bulundum.

Detaylara hakim olmamakla birlikte durum buyken bilgisayarınızda bulunan bir dosyaya (file://) CORS nedeniyle istek yollayamıyorsunuz. İlk hatada yazdığı üzere desteklenenler http, https ve diğer yazanlar. Dediğim gibi detaylara hakim olmadığım için daha fazla açıklamada bulunamayacağım.

Bu durumu, HTML dosyanızı direkt Chrome'da açmak yerine mesela VS Code'da Live Server - Visual Studio Marketplace eklentisini kullanarak düzeltebilirsiniz. Ben denedim, çalıştı. Bunun için tabii önce VS Code kurmanız gerek.

Yaptığı şey sanırsam çalıştığı klasördeki tüm dosyaları http://127.0.0.1:5500/ adresinde sunmak. Böylelikle dosyanız da http://127.0.0.1:5500/products.json adresinde sunuluyor olacak ve bu adrese istek yollayıp dosyanızı okuyabileceksiniz.

---

HTML dosyasına direkt olarak bağlı bir dosya olmadığı için Chrome bu dosyayı yüklemiyor. Oysaki örneğin style.css dosyası link ile bağlanmış olmalı. DevTools'ta gördüğümüz dosyalar, bilgisayarda ilgili klasördeki tüm dosyalar değil yani.

Genişletmek için tıkla...

Dediğiniz gibi oldu, çalışıyor şu an teşekkürler