Oi Janaina! Tudo bem?
Fico muito feliz em saber que você gostou do curso e que os instrutores foram úteis para o seu aprendizado. Sobre o problema que você está enfrentando com o deploy no Vercel e o erro 404, vamos tentar resolver isso juntos.
O erro 404 geralmente indica que a página que você está tentando acessar não foi encontrada. Aqui estão algumas coisas que você pode verificar:
Configuração do Projeto: Certifique-se de que todos os arquivos necessários estão na pasta correta e que o index.html
(ou o arquivo principal do seu jogo) está na raiz do projeto.
Configuração do Vercel: Verifique se o Vercel está configurado corretamente para o seu projeto. No painel do Vercel, vá até as configurações do projeto e veja se o caminho de build está correto. Para projetos estáticos, geralmente o caminho de build é a pasta onde está o index.html
.
Arquivo vercel.json
: Se você estiver usando um arquivo vercel.json
, verifique se ele está configurado corretamente. Um exemplo básico de vercel.json
para um projeto estático pode ser:
{
"version": 2,
"builds": [
{ "src": "index.html", "use": "@vercel/static" }
]
}
Logs de Deploy: Verifique os logs de deploy no Vercel para ver se há algum erro específico durante o processo de deploy. Isso pode te dar uma pista sobre o que está dando errado.
Caminhos Relativos: Certifique-se de que todos os caminhos para os arquivos (CSS, JS, imagens) no seu index.html
são relativos e não absolutos. Por exemplo, use ./styles.css
em vez de /styles.css
.
Vamos tentar um exemplo prático. Suponha que você tenha a seguinte estrutura de projeto:
/meu-jogo
/public
index.html
styles.css
script.js
No Vercel, você deve configurar o caminho de build para a pasta public
, onde está o index.html
.
Caso não consiga resolver o seu problema com essas sugestões, peço que compartilhe comigo o repositório do seu projeto, pode ser que tenha algum problema na estrutura do mesmo.
Espero ter ajudado e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado ✓.