[Dúvida] As minhas alterações não aparecem no console | JavaScript: de padrões a uma abordagem funcional

document.querySelector('#myButton').onclick = () => fetch('http://localhost:3000/notas') .then(res => res.json()) .then(notas => console.log(notas)) .catch(console.log)

Oi, Allan. Como você está?

Desculpe pela demora em te trazer uma resposta. Você continua passando por esse mesmo erro?

Uma possível causa para isso é que o servidor não está respondendo corretamente ou não está retornando um JSON válido.

Você pode verificar se o servidor está funcionando corretamente acessando o endereço (http://localhost:3000/notas) diretamente no navegador. Se estiver tudo certo, você deve ver uma resposta em formato JSON. Se não for esse o caso, talvez seja necessário verificar se o servidor está rodando corretamente.

Outra possibilidade é que o servidor esteja retornando um erro HTTP (como 404 ou 500), mas ainda assim retornando um corpo de resposta que não é um JSON válido. A API Fetch considera qualquer resposta do servidor (mesmo erros HTTP) como uma resposta válida e tenta processá-la. Se o corpo da resposta não for um JSON válido, você verá o erro Unexpected end of JSON input.

Para lidar com isso, você pode modificar seu código para verificar o status da resposta com uma condicional que verifique se o HTTP está ok e, se não estiver, lançar uma mensagem com o status da resposta, antes de tentar interpretá-la como JSON.

Essas são algumas possibilidades. Porém, erros de rede e timeout também podem ocorrer.

Espero que dê tudo certo por aí.

Abraços!