Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Dúvida] Erro no jogo

Depois que usei o vercel para dar deploy, a imagem da mulher olhando pra esquerda sumiu e ficou só a descrição, alguma dica? segue print do vercel e do github Insira aqui a descrição dessa imagem para ajudar na acessibilidadeInsira aqui a descrição dessa imagem para ajudar na acessibilidade

4 respostas

Oi Diego, tudo bem? 😊

Isso geralmente acontece quando o caminho da imagem no seu código HTML não corresponde ao local onde ela está armazenada no seu repositório.

No seu caso, a imagem "ia.png" precisa estar dentro de uma pasta chamada "img" no mesmo nível do seu arquivo "index.html".

Verifique se a estrutura de pastas no seu repositório está assim:

jogo-numero-secreto/
├── img/
│   └── ia.png
├── index.html
├── app.js
└── style.css

Se a imagem estiver em outro local, o navegador não conseguirá encontrá-la. 🧐

🎓 Para saber mais: Como usar imagens em HTML.

Espero que isso ajude a resolver o problema!

Continue praticando e explorando novas possibilidades. 💪

tux matrixCaso este post o tenha ajudado,marque-o como solucionado ☑️.Bons Estudos! 🤓

Fui tentar corrigir isso, apaguei o repositório que eu tinha feito e fiz outro upando ele direto do vs code, por que pelo github eu não estava conseguindo como você falou, segue print de como ficou no github, a imagem está dentro da pasta img no print, mas quando fui fazer o deploy no vercel novamente deu outro erro e não sei o por que dele, segue imagens: Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade

solução!

Oi Diego,

Pelo que vi nas imagens, o problema agora é que o Vercel não está encontrando o index.html. 🤔

Isso acontece porque o seu index.html está dentro de uma pasta chamada js-curso-2-aula_4.

O Vercel procura o index.html na raiz do projeto, e não dentro de subpastas.

Para corrigir, você precisa mover o index.html para a raiz do seu repositório, junto com as pastas img, app.js e style.css.

A estrutura do seu repositório deve ficar assim:

jogo-numero-secreto/
├── img/
│   └── ia.png
├── index.html
├── app.js
└── style.css

Depois de fazer essa alteração, faça um novo deploy no Vercel. 🧐

🎓 Para saber mais: Heroku, Vercel e outras opções de cloud como plataforma

tux matrixCaso este post o tenha ajudado,marque-o como solucionado ☑️.Bons Estudos! 🤓

Deu certo, obrigado!