1
resposta

[Bug] Deploy no Varcel em Branco - Angular

Estou tentando subir mas acaba sempre retornando essa tela branca, mesmo pelo ng serve o site está funcioando normalmente

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá, Nayara! Tudo bem?

Esse problema de tela branca no deploy pode ser causado por alguns fatores comuns. Trouxe algumas dicas que podem ajudar:

  1. Verifique os Logs: Acesse os logs de erro na Vercel para ver se há alguma mensagem específica que possa indicar o problema.

  2. Base Href: Certifique-se de que o <base href="/"> no arquivo index.html está configurado corretamente. Às vezes, um caminho errado pode causar problemas no carregamento dos recursos.

  3. Build do Angular: Verifique se o comando de build está correto. Tente rodar ng build --prod para garantir que a aplicação está sendo construída para produção corretamente.

  4. Assets: Verifique se todos os arquivos estáticos e assets estão sendo incluídos corretamente no build. Às vezes, arquivos faltando podem causar problemas.

  5. Variáveis de Ambiente: Certifique-se de que todas as variáveis de ambiente necessárias estão configuradas na Vercel.

  6. Configurações de Rotas: Se você estiver usando rotas no Angular, verifique se estão configuradas corretamente e se o RouterModule está importado no modo RouterModule.forRoot(routes).

  7. Verificar Console do Navegador: Abra o console do navegador para ver se há algum erro de JavaScript que possa estar impedindo o carregamento da aplicação.

Espero que essas dicas ajudem a resolver o problema. Conte com nosso apoio. Bons estudos!

Caso este post tenha lhe ajudado, por favor, marcar como solucionado