Solucionado (ver solução)

Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

Solucionado
(ver solução)
3
respostas

Erro sobre variável de ambiente

Depois de criar os arquivos .env.development e .env.production, o projeto roda corretamente no ambiente de desenvolvimento mas retorna o seguinte erro no preview de produção:
Houve um erro ao carregar os vídeos: TypeError: Cannot read properties of undefined (reading 'protocol')

3 respostas
solução!

Olá, Robert! Tudo bem?

Pelo erro que você está enfrentando, parece que há um problema com a leitura das variáveis de ambiente no ambiente de produção.

Quando você vê um erro como "Cannot read properties of undefined", isso geralmente indica que a variável de ambiente que você espera não está sendo carregada corretamente.

Algumas sugestões para resolver o problema:

  1. Verifique se os arquivos .env estão no lugar correto: Certifique-se de que os arquivos .env.development e .env.production estão na raiz do projeto. Às vezes, um erro de caminho pode impedir que as variáveis sejam lidas corretamente.
  2. Prefixo VITE_: As variáveis de ambiente no Vite precisam começar com VITE_. Verifique novamente se a variável está corretamente nomeada como VITE_URL_VIDEOS em ambos os arquivos .env.
  3. Build do projeto: Após modificar ou adicionar arquivos .env, é importante reconstruir o projeto para garantir que as mudanças sejam aplicadas. Tente rodar o comando de build novamente e veja se o problema persiste.
  4. Verifique o código: Assegure-se de que no seu código, você está acessando a variável de ambiente corretamente, usando import.meta.env.VITE_URL_VIDEOS. Qualquer erro de digitação pode causar o problema.
  5. Console.log: Para depurar, você pode adicionar um console.log(import.meta.env); no seu código para verificar quais variáveis estão sendo carregadas. Isso pode ajudar a identificar se a variável VITE_URL_VIDEOS está disponível.
  6. Configuração do servidor: Se você estiver usando um servidor para produção, certifique-se de que ele está configurado para carregar as variáveis de ambiente corretamente. Em alguns casos, pode ser necessário configurar o servidor para reconhecer esses arquivos.

Espero que essas dicas ajudem a resolver o problema que você está enfrentando.

Fico à disposição se precisar!

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

Problema resolvido, agradeço a disposição

Boa tarde, Robert! Como vai?

Fico feliz que o erro com a variável de ambiente tenha sido solucionado.

São esses desafios que encontramos que nos tornam preparados para o mercado de trabalho e complexidades da área.

Minha sugestão é tomar nota, de alguma forma, da solução que funcionou.

Assim, você mantém um repertório de casos resolvidos.

Fico à disposição, forte abraço!