Pular para o conteúdo
VibecodeZero

Lovable funciona na pré-visualização, mas o site publicado não. Por quê?

Última atualização:

Sintoma

O app funciona na pré-visualização do Lovable, mas o link publicado, terminado em lovable.app, mostra tela branca, um erro, uma lista vazia ou um login que não funciona.

Causa

Quando algo funciona na pré-visualização e falha no link publicado, a diferença quase sempre está no que cada um tem, não na sua ideia. Estes são os suspeitos de sempre, do mais simples de conferir:

  1. A versão publicada é mais antiga. No Lovable, a documentação oficial explica que o site publicado é uma cópia do momento da publicação e que as mudanças só entram no ar ao publicar de novo. Se for isso, veja O link publicado não mostra as últimas mudanças.
  2. O navegador está mostrando uma cópia guardada. Recarregue a página ou abra numa aba anônima.
  3. A pré-visualização tem algo que o visitante não tem. Enquanto você testa na pré-visualização, pode estar logado no seu app e ter dados de teste que você mesmo criou. Um visitante que abre o link pela primeira vez não tem nenhum dos dois. Se o app supõe que sempre há uma pessoa logada ou dados cadastrados, ele pode quebrar para essa pessoa.
  4. Regras de acesso estão bloqueando os visitantes. Se o banco de dados do app só deixa certas pessoas lerem os dados, a página pública pode aparecer vazia. O problema contrário, dados abertos para todo mundo, está em Meu app pode estar expondo dados pessoais?.

Você não precisa saber qual deles é. O prompt abaixo pede à IA para listar as diferenças e esperar por você antes de mudar qualquer coisa.

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
Meu app funciona na pré-visualização do Lovable, mas a versão publicada não.
O que acontece no link publicado: [por exemplo "tela branca", "a lista aparece vazia" ou "o login não funciona"]
Mensagem de erro, se houver: [cole a mensagem inteira]
Publiquei de novo depois da última mudança: [sim / não / não sei]

Não mude nada ainda. Primeiro liste o que é diferente entre a pré-visualização e a versão publicada que pode explicar isso, do mais provável para o menos provável, e me diga como eu confiro cada item sem programar. Espere a minha confirmação antes de fazer qualquer mudança.

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

Por que o link publicado mostra uma versão antiga do app?

No Lovable, o site publicado é uma cópia do momento da publicação. As mudanças feitas depois só entram no ar quando você publica de novo.

Se a pré-visualização funciona, o app está pronto para compartilhar?

Nem sempre. A pré-visualização é onde você testa como você mesmo. Antes de compartilhar, abra o link publicado numa aba anônima, sem login, e no celular, do jeito que um visitante faria.

Como vejo o que os visitantes veem?

Abra o link publicado numa aba anônima, sem login. Melhor ainda se for em outro aparelho, como o seu celular.