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

Imagem não aparece no HTML

Estou tentanto colocar uma imagem no meu header, mas por algum motivo ela não aparece, na imagem que eu coloquei ai eu até coloquei os dois na mesma pasta mas mesmo assim, nada. Eu testei essa mesma linha de código em um html em outra pasta só para testar e funcionou, não entendo porque ela não aparece, fica só aquela logo de quando você coloca uma tag img sem nada. Estou usando o template engine do nunjucks, ele pode estar influenciando? Insira aqui a descrição dessa imagem para ajudar na acessibilidade

7 respostas

Tenta colocar os assets dentro de uma outra pasta, e serve essas imagens e arquivos estaticos de lá.

Eg: Cria uma pasta dentro do public chamada assets e coloca sua imagem lá e referencia no njk

Provavelmente o que acontece é que o template é só uma localização dos source dos HTML e quando o template é compilado, ele nao consegue achar a imagem pois o caminho relativo fica diferente.

Abraços

Fiz dessa forma que disse, colocando o caminho relativo aos outros arquivos njk, mas parece que ainda não funcionou, ou era para fazer de outra maneira o que disse?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Eu ainda acho que o caminho relativo está errado. Parece que voce está referenciando como se buscasse da pasta do template para o public;

Acho que quando vc compila, a url tem q ser da pasta compilada para a pasta public, sendo assim, tente: "./public/assets/a.png"

Eu criei um projeto de nunjuck com gulp, webpack e netlifycms e funciona muito bem, https://github.com/dmaeoka/blendid

De uma olhada como eu fiz.

Abraços

Coloquei desse jeito que você falou mas ainda está dizendo que ele não está achando.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Olha, Baseado na URL do seu CSS tente o seguinte

<img src="/assets/a.png" />

Acho que agora vai.

Abraços

Deu certo, muito obrigado, me ajudou muito.

solução!

Fico feliz!

Pode marcar esse tópico como resolvido!

Abraços!