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

[Bug] Problema na hora de publicar

Insira aqui a descrição dessa imagem para ajudar na acessibilidade Insira aqui a descrição dessa imagem para ajudar na acessibilidade Eu sou o Leonardo e estou no curso lógica de programação com listas. já estou na última aula do curso (publicando o projeto no github) e nessa aula o nosso jogo do número secreto já está pronto ele tem várias imagens a de fundo e tem uma que é uns códigos outra que é uma mulher de inteligência Artificial olhando para esquerda, e já tentei várias vezes e sempre que vou publicar ele no site veceel eu seleciono todos os arquivos necessários nas mesmo assim fica sem essas imagens que citei, já tentei mais de 4 x, tem alguma coisa especifica que eu possa fazer para o jogo carregar com todas as imagens inseridas

https://vercel.com/leonardo123456789000000s-projects link do projeto no vercel o projeto chama numerosecretoleo

https://numerosecretoleo.vercel.app link do jogo

https://github.com/Leonardo123456789000000/jogo-l-u

link dorepositório no git

4 respostas

Olá, Leonardo. Como vai?

Você poderia me enviar o link do repositório e o link do projeto no vercel, por favor? Assim eu posso analisar melhor o que pode estar acontecendo.

Fico no aguardo e à disposição

https://vercel.com/leonardo123456789000000s-projects link do projeto no vercel o projeto chama numerosecretoleo

https://numerosecretoleo.vercel.app link do jogo

https://github.com/Leonardo123456789000000/jogo-l-u

link dorepositório no git

solução!

Oi, Leonardo.

O que acontece é o seguinte, o caminho que você está usando para importar a imagem no HTML está da seguinte forma:

 <img src="./img/ia.png" alt="Uma pessoa olhando para a esquerda" class="container__imagem-pessoa" />

Repare que o caminho para a imagem é ./img/ia.png, isso sugere que a imagem ia.png está dentro de uma pasta chamada img. Porém, ao olhar o repositório, a imagem está na raiz do projeto, junto do HTML, então você precisa corrigir o caminho relativo para a imagem de forma que que o HTML consiga encontrar a imagem, dessa forma:

 <img src="./ia.png" alt="Uma pessoa olhando para a esquerda" class="container__imagem-pessoa" />

Eu fiz o teste no proprio link do vercel que você me mandou, usando o devtools para acertar o caminho, e foi o suficiente:

imagem do projeto do aluno destacando a correção no caminho para a imagem

O mesmo ajuste é necessário no css com a propriedade background-image.

Faça o teste dessa forma e me retorne, por favor.

Fico no aguardo e à disposição

Oi Mike, muito obrigado eu fiz isso e funcionou consegui fazer essa troca de código e na hora já funcionou muito obrigado