Neste artigo você vai aprender a como resolver Unexpected token < in JSON, um erro que acontece em aplicações JavaScript ao trabalhar com JSON
Fala programador(a), beleza? Bora aprender mais sobre JavaScript e JSON!
Neste post pretendo mostrar possíveis soluções para o erro:
“SyntaxError: Unexpected token < in JSON at position 0”
Este erro geralmente ocorre quando há uma tentativa de conversão do JSON para um objeto JavaScript válido
Porém o JSON foi mal formado, ou seja, o método JSON.parse não consegue converter automaticamente
Quando há a presença do caractere < no erro, possivelmente você está recebendo como resposta um HTML e não um JSON
Então verifique os headers das suas requisições, para ver se ele contém a configuração:
Content-Type: application/json
Essa configuração informa que o dado a ser trafegado nas requisições é JSON e não outro tipo, padronizando o request
Outra possibilidade é da própria resposta ser escrita errada, em um JSON inválido
Para isso sugiro que você aprenda mais sobre JSON pois ele possui diversas regras
Toda informação que você precisa pode ser vista neste vídeo:
Em apenas 20 minutos você consegue tirar todas as suas dúvidas sobre o tipo de dado JSON, que é super importante para trabalhar com APIs
Lembre-se sempre de depurar também o que está sendo enviado da API para o front antes da resposta, pois pode ter acontecido algum erro no código e isso prejudicar a resposta
Deixe um comentário contando o que achou deste artigo 🙂
Quer aprender mais sobre JavaScript? Confira o vídeo abaixo:
Conclusão
Neste artigo você viu estratégias de como resolver Unexpected token < in JSON
Não há uma solução exata, pois podem haver diversas causas
Mas entender melhor sobre JSON e também checar os headers das suas requisições pode ajudar a você encontrar o problema e resolver
JSON é um tipo de dado complexo, e muito utilizado neste mundo das APIs, ou seja, importante de se aprender
Está buscando a sua primeira vaga como Programador? Confira o nosso treinamento completo clicando aqui.
Uma plataforma de cursos com projetos completos, comunidade de alunos e muito mais!
Há também o nosso canal no YouTube, com muito conteúdo gratuito de qualidade!