Pular para o conteúdo
VibecodeZeroEnglish

O app ficou com a tela branca. O que fazer?

Última atualização:

Sintoma

A pré-visualização ou o link publicado abre, mas não aparece nada, nem texto, nem botão. Às vezes a ferramenta mostra um aviso vermelho ou um botão para tentar corrigir o erro automaticamente.

Causa

O app é um conjunto de instruções que o navegador segue de cima para baixo. Se uma delas está errada logo no começo, o navegador para e não chega a desenhar nada na tela. Daí a tela branca.

As causas mais comuns são uma mudança recente que quebrou outra parte do app, uma peça do código que a IA esqueceu de criar ou uma informação que o app esperava encontrar e não encontrou.

Mensagens como Cannot read properties of undefined ou is not defined são comuns nesse caso. Você não precisa entendê-las. Basta copiá-las inteiras para a IA.

Prompt para colar

Copie o texto abaixo, troque o que está entre colchetes e mande no chat da ferramenta que você está usando.

Cole na IA
O app está com a tela branca. Não aparece nada.
Isso começou depois que eu pedi: [o último pedido que você fez].
A mensagem de erro que aparece é:
[cole a mensagem inteira; se não aparecer nenhuma, escreva "não aparece mensagem"]

Descubra o que está impedindo o app de abrir e corrija mexendo só no necessário. Depois me diga em uma frase qual era o problema.

Como não queimar créditos

Como o Lovable conta os créditos e o que o plano gratuito inclui: Créditos do Lovable explicados.

Perguntas frequentes

Onde encontro a mensagem de erro?

Normalmente a ferramenta mostra o erro perto da pré-visualização, em vermelho ou num painel de avisos. Se não encontrar, diga isso à IA. Ela consegue procurar o erro por conta própria na maioria das ferramentas.

Devo clicar no botão de corrigir automaticamente?

Pode tentar uma vez. Se o erro voltar ou aparecer outro, pare e use o prompt desta página, que dá mais contexto à IA.