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:
- 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.
- O navegador está mostrando uma cópia guardada. Recarregue a página ou abra numa aba anônima.
- 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.
- 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.
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
- Faça primeiro os testes gratuitos. Publique de novo e abra o link numa aba anônima. Se isso resolver, você não precisou mandar nenhuma mensagem à IA.
- Peça um diagnóstico antes da correção, como faz o prompt. No Lovable, o Plan Mode custa 1 crédito por mensagem, então você sabe de antemão quanto essa conversa vai custar.
- Depois de cada tentativa, confira quanto custou a mensagem no histórico de mensagens, pelo menu de três pontinhos.
- Se duas ou três correções não funcionarem, pare. Volte para a última versão que funcionava no link publicado e peça a mudança de novo, em partes menores.
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.