Why is my JavaScript fetch request not returning JSON data correctly?

I’m trying to retrieve JSON data from an API using JavaScript with the fetch() method, but the response is not being returned as expected.

Here is the code I’m using:

fetch("https://api.example.com/data") .then(response => response.json()) .then(data => { console.log(data); }) .catch(error => { console.error("Error:", error); });

Sometimes the request works, but other times I get an error saying that the response cannot be parsed as JSON. I checked the API endpoint in the browser and it seems to return valid data.

I also tried checking the network tab in developer tools and confirmed that the request is being sent successfully.

What could be causing this issue and what is the best way to properly handle JSON responses when using fetch()?