129 lines
3.1 KiB
Markdown
129 lines
3.1 KiB
Markdown
# 🚨 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
|
|
|
|
1. Acesse: https://vercel.com/dashboard
|
|
2. Clique no projeto **rdots** (ou o nome do seu projeto)
|
|
3. Vá em **Settings** → **Environment Variables**
|
|
4. 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**:
|
|
|
|
1. Clique no ícone de lápis (editar) ao lado de cada variável
|
|
2. Certifique-se que **Production** está marcado ✅
|
|
3. 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:**
|
|
1. Vá em **Deployments**
|
|
2. Clique nos 3 pontos do último deploy
|
|
3. Clique em **"Redeploy"**
|
|
4. Marque **"Use existing Build Cache"** = ❌ (desmarque!)
|
|
5. Clique em **"Redeploy"**
|
|
|
|
**Opção B - Trigger via Git:**
|
|
```bash
|
|
# No terminal local
|
|
git commit --allow-empty -m "trigger: Forçar rebuild na Vercel"
|
|
git push origin main
|
|
```
|
|
|
|
---
|
|
|
|
### 5. Aguardar o build finalizar
|
|
|
|
1. Vá em **Deployments**
|
|
2. Aguarde o novo deploy ficar **"Ready"** (verde)
|
|
3. Clique no deploy
|
|
4. Clique em **"Visit"** para abrir o site
|
|
|
|
---
|
|
|
|
## 🧪 TESTAR SE FUNCIONOU
|
|
|
|
Após o novo deploy:
|
|
|
|
1. Abra: https://rdots.vercel.app (ou sua URL)
|
|
2. Pressione **Ctrl+Shift+R** (hard refresh)
|
|
3. Abra o DevTools (F12)
|
|
4. Vá na aba **Console**
|
|
5. Veja se o erro "Missing Publishable Key" sumiu
|
|
|
|
---
|
|
|
|
## 🔍 VERIFICAR SE AS VARIÁVEIS ESTÃO CARREGANDO
|
|
|
|
No console do navegador (F12), digite:
|
|
|
|
```javascript
|
|
// 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:
|
|
1. Print da tela de Environment Variables da Vercel
|
|
2. Print do console (F12) mostrando os erros
|
|
3. URL do seu projeto na Vercel
|
|
|