🚨 CORRIGIR VERCEL - VARIÁVEIS DE AMBIENTE

❌ PROBLEMA ATUAL

Erro: "Missing Publishable Key"

Isso significa que as variáveis de ambiente NÃO foram configuradas ou NÃO foram aplicadas no build.

✅ SOLUÇÃO PASSO A PASSO

1. Verificar se as variáveis existem

Acesse: https://vercel.com/dashboard
Clique no projeto rdots (ou o nome do seu projeto)
Vá em Settings → Environment Variables
Verifique se existem estas 2 variáveis:
- VITE_SUPABASE_URL
- VITE_SUPABASE_ANON_KEY

2. Se as variáveis NÃO existem:

Adicione-as agora:

Variável 1:

Key: VITE_SUPABASE_URL
Value: https://xzudfhifaancyxxfdejx.supabase.co
Environments: Production ✅ Preview ✅ Development ✅

Variável 2:

Key: VITE_SUPABASE_ANON_KEY
Value: eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inh6dWRmaGlmYWFuY3l4eGZkZWp4Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzEzNjE0MTAsImV4cCI6MjA4NjkzNzQxMH0.c5CHWhfXcMrm27LfxEt6OZtttXXvVJOeWu-IbnNLfWY
Environments: Production ✅ Preview ✅ Development ✅

IMPORTANTE: Marque as 3 checkboxes (Production, Preview, Development)!

3. Se as variáveis JÁ existem:

Verifique se estão marcadas para Production:

Clique no ícone de lápis (editar) ao lado de cada variável
Certifique-se que Production está marcado ✅
Clique em Save

4. Fazer um novo deploy (OBRIGATÓRIO!)

Após adicionar/editar as variáveis, você DEVE fazer um novo deploy:

Opção A - Redeploy:

Vá em Deployments
Clique nos 3 pontos do último deploy
Clique em "Redeploy"
Marque "Use existing Build Cache" = ❌ (desmarque!)
Clique em "Redeploy"

Opção B - Trigger via Git:

# No terminal local
git commit --allow-empty -m "trigger: Forçar rebuild na Vercel"
git push origin main

5. Aguardar o build finalizar

Vá em Deployments
Aguarde o novo deploy ficar "Ready" (verde)
Clique no deploy
Clique em "Visit" para abrir o site

🧪 TESTAR SE FUNCIONOU

Após o novo deploy:

Abra: https://rdots.vercel.app (ou sua URL)
Pressione Ctrl+Shift+R (hard refresh)
Abra o DevTools (F12)
Vá na aba Console
Veja se o erro "Missing Publishable Key" sumiu

🔍 VERIFICAR SE AS VARIÁVEIS ESTÃO CARREGANDO

No console do navegador (F12), digite:

// Isso NÃO vai funcionar no console, mas você pode ver no código fonte
// Vá em Sources → Procure por arquivos .js → Procure por "xzudfhifaancyxxfdejx"

Se encontrar "xzudfhifaancyxxfdejx" no código = ✅ Variáveis carregadas! Se NÃO encontrar = ❌ Variáveis não foram injetadas no build

📋 CHECKLIST

Variáveis existem em Settings → Environment Variables
Variáveis estão marcadas para Production
Fiz um novo deploy (Redeploy)
Aguardei o build finalizar
Fiz hard refresh no navegador (Ctrl+Shift+R)
Erro "Missing Publishable Key" sumiu

🆘 SE AINDA NÃO FUNCIONAR

Me envie:

Print da tela de Environment Variables da Vercel
Print do console (F12) mostrando os erros
URL do seu projeto na Vercel

3.1 KiB Raw Blame History