Como corrigir o erro de Uncaught SyntaxError: Unexpected token . ao utilizar ES6?

O erro Uncaught SyntaxError: Unexpected token . ocorre quando o JavaScript encontra um caractere inesperado, geralmente um ponto (.), onde ele não deveria. Esse erro é mais comum quando você está usando recursos do ES6, como a desestruturação, e o ambiente de execução não suporta essas funcionalidades.

Exemplo de erro:

const { name. } = person; // Uncaught SyntaxError: Unexpected token .

Neste caso, há um erro de sintaxe ao tentar desestruturar o objeto person incorretamente.

Exemplo corrigido:

const { name } = person; // Correto

A solução aqui foi remover o ponto (.) extra, o que causa o erro.

Como corrigir?

Verifique cuidadosamente o seu código para garantir que você não tenha usado o ponto (.) de forma incorreta. Além disso, se você estiver utilizando recursos do ES6, como desestruturação, certifique-se de que está usando a sintaxe correta e que o seu ambiente suporta essas funcionalidades.

Além disso, certifique-se de que o seu navegador está atualizado para suportar as últimas funcionalidades do JavaScript ou, se necessário, use transpiladores como Babel para garantir a compatibilidade com versões mais antigas de navegadores.

Como corrigir o erro Uncaught SyntaxError: Unexpected token . em JavaScript

O erro Unexpected token . pode ser facilmente evitado ao garantir que sua sintaxe esteja correta. A desestruturação é uma das funcionalidades do ES6 que pode gerar esse erro, então se você estiver usando essas técnicas em seu código, sempre certifique-se de que os dados estão sendo manipulados da maneira correta.

Algumas aplicações:

• Certifique-se de que o código esteja formatado corretamente ao usar recursos do ES6.
• Evite o uso de pontos extras ou incorretos em expressões de desestruturação.
• Verifique a compatibilidade de seu código com diferentes versões de navegadores, especialmente se estiver utilizando funcionalidades novas.

Dicas para quem está começando

• Ao usar desestruturação, sempre verifique se não há pontos extras no seu código.
• Se o código não for compatível com navegadores mais antigos, considere utilizar transpiladores como Babel.
• Evite copiar e colar código de fontes não verificadas para reduzir o risco de erros de sintaxe.

Compartilhe este tutorial