Files
RDO/TESTE_VARIAVEIS_NAVEGADOR.md

2.6 KiB

🧪 TESTE DE VARIÁVEIS NO NAVEGADOR

ERRO NO CONSOLE

O comando import.meta.env NÃO funciona no console do navegador!

Ele só funciona dentro do código da aplicação durante o build.


COMO TESTAR CORRETAMENTE

Opção 1: Verificar no código fonte

  1. Abra: https://rdo.tracksteel.com.br
  2. Pressione F12 (DevTools)
  3. Vá na aba Sources ou Debugger
  4. Procure por arquivos .js no painel esquerdo
  5. Abra qualquer arquivo e procure por xzudfhifaancyxxfdejx
  6. Se encontrar = Variáveis configuradas!
  7. Se NÃO encontrar = Variáveis não foram injetadas no build

Opção 2: Verificar no Network

  1. Abra: https://rdo.tracksteel.com.br
  2. Pressione F12 (DevTools)
  3. Vá na aba Network
  4. Clique em "Login com Google"
  5. Procure por requisições para xzudfhifaancyxxfdejx.supabase.co
  6. Se aparecer = Variáveis configuradas!
  7. Se NÃO aparecer = Variáveis não foram injetadas

Opção 3: Adicionar console.log temporário

Adicione este código no arquivo src/lib/supabase.ts (linha 6):

const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY

// ADICIONAR ESTAS LINHAS TEMPORÁRIAS:
console.log('🔍 SUPABASE URL:', supabaseUrl)
console.log('🔍 SUPABASE KEY:', supabaseAnonKey?.substring(0, 30) + '...')

Depois faça commit, push e aguarde o deploy no Netlify.

Quando abrir o site, vai aparecer no console!


🚨 PROBLEMA IDENTIFICADO

O erro 401 Unauthorized com grant_type=pkce indica que:

  1. As variáveis de ambiente ESTÃO configuradas (senão daria outro erro)
  2. O flowType estava configurado como pkce que não funciona bem em produção
  3. JÁ CORRIGI mudando para implicit

📋 PRÓXIMOS PASSOS

  1. Código corrigido (mudei flowType para implicit)
  2. Push feito para o GitHub
  3. Aguardar deploy no Netlify (2-3 minutos)
  4. 🧪 Testar login novamente

AGUARDE O DEPLOY

O Netlify precisa fazer o build novamente com o código corrigido.

Como verificar se o deploy terminou:

  1. Acesse: https://app.netlify.com
  2. Clique no seu site
  3. Vá em Deploys
  4. Aguarde o deploy mais recente ficar "Published" (verde)
  5. Depois teste o login!

🎯 TESTE APÓS O DEPLOY

  1. Abra: https://rdo.tracksteel.com.br
  2. Limpe o cache (Ctrl+Shift+Delete → Limpar tudo)
  3. Recarregue a página (Ctrl+F5)
  4. Clique em "Login com Google"
  5. Deve funcionar agora!

🔍 SE AINDA DER ERRO

Me envie print do console (F12) mostrando:

  • Aba Console (mensagens de erro)
  • Aba Network (requisições falhando)