Pular para o conteúdo principal

Erros de build

Criar com o Lovable torna a programação mais rápida e intuitiva, mas até as melhores ferramentas de desenvolvimento com IA podem, ocasionalmente, esbarrar em problemas. Às vezes, seu código não é executado como esperado ou você pode notar um comportamento inesperado quando a IA interpreta sua intenção de forma incorreta. Aqui está um guia passo a passo para ajudar você a lidar com os problemas e voltar ao caminho certo:
1

Use primeiro o botão Try to Fix

Clique no botão Try to Fix quando um erro aparecer. O Lovable vai analisar seus registros de log, detectar o problema e tentar uma correção rápida. É o seu passo inicial mais rápido. Se isso não funcionar, é hora de investigar mais a fundo.
2

Diagnostique comportamentos inesperados

Seu código pode ser executado sem erros, mas não se comportar como esperado. Isso é um comportamento inesperado, mais difícil de perceber e mais difícil de corrigir. Tente o seguinte:
  • Reverter e reenviar o Prompt: volte para o estado imediatamente anterior ao problema e, em seguida, tente um Prompt de IA mais claro e revisado.
3

Escreva Prompts mais eficazes

Prompts claros e bem estruturados levam a resultados melhores. Use este formato:
  1. Use o Chat Mode e pergunte: “Você pode descrever as etapas ou o plano para este recurso?”
  2. Revise o plano sugerido pelo Lovable e peça alterações ou esclarecimentos, se necessário.
  3. Envie um Prompt de IA para o Lovable: “Agora vamos construir isso passo a passo.”
4

Construa em uma ordem lógica

A estrutura importa. Siga este fluxo recomendado:
  1. Crie o layout e as páginas.
  2. Conecte ao Lovable Cloud ou a uma conexão externa do Supabase.
  3. Configure autenticação e papéis de usuário.
  4. Planeje e organize a lógica das funcionalidades.
  5. Envie um Prompt de IA para o Lovable implementar as funcionalidades.

Problemas gerais

Acesse o modo somente chat e digite: “Esta função específica não está funcionando. Você pode me explicar passo a passo o que está acontecendo e o que você já tentou?”
  • Envie capturas de tela do problema de UI diretamente para a IA para obter um diagnóstico mais claro.
  • Use a ferramenta Edit para selecionar e destacar os elementos específicos da UI que você quer alterar e depois descreva o ajuste desejado.
  • Por exemplo: “Vê o elemento destacado? Centralize-o verticalmente e aumente o espaçamento interno (padding).”
  • Prompt de IA: “Dê um passo para trás. Analise o erro e sugira uma abordagem diferente.”
  • Divida a tarefa em partes menores.
  • Use o botão de reverter se os erros persistirem.
Problemas em que a Pré-visualização não é encontrada ou em que a sandbox fica apenas iniciando podem estar relacionados ao ambiente da sandbox ou à sua conexão. Problemas de sandbox geralmente são temporários; tente primeiro uma atualização forçada (hard refresh). Se isso continuar, pode indicar uma falha de sincronização com o GitHub ou um problema de conexão. Para problemas persistentes, consulte nosso guia de Integração com GitHub.

Funcionalidades principais

  • Isso geralmente é resultado de problemas no arquivo vite.config.ts ou de cabeçalhos de segurança que foram introduzidos no projeto.
  • Erros de build ou erros de sintaxe no código
  • Erros de JavaScript em tempo de execução causando travamentos
  • Dependências ausentes ou componentes com falha
  • Problemas de autenticação ou de roteamento bloqueando a página
Para solucionar o problema: peça à Lovable para revisar o arquivo vite.config.ts ou remover os cabeçalhos de segurança. Verifique o console do navegador em busca de erros, reverta para uma versão anterior ou peça à Lovable para investigar o problema da tela em branco.
Você pode cancelar a publicação ou excluir seu projeto em Project Settings.
Verifique a aba Cloud -> Logs para encontrar mensagens de erro específicas. Confirme se todos os segredos e variáveis de ambiente necessários estão configurados corretamente. Tente publicar novamente fazendo uma pequena alteração no código da Função de borda usando um Prompt de IA para a Lovable. Certifique-se de que sua conexão com o banco de dados está funcionando. Peça à Lovable para investigar o erro específico e corrigir quaisquer problemas encontrados nos registros de log.
Isso geralmente significa que o projeto foi excluído. Se você não o excluiu de propósito, entre em contato com o Suporte para obter ajuda para restaurar seu projeto.

Precisa de mais ajuda?

Ainda com dificuldade? Tente o seguinte:
  1. Use o Chat mode para obter ajuda passo a passo.
  2. Se for um problema com a interface (UI) ou com algum recurso, reverta para um estado estável anterior.
  3. Se você for um cliente pagante e quiser reportar um problema que afeta toda a plataforma, entre em contato com o Suporte.