html - Image not showing with img src

Question

image :- root_folderviewsimghome_bg.jpg

pug file:- root_folderviewsindex.pug

css file:- root_folderviewsassetscssstyle.css

file directory

I am trying to create simple site using NodeJS, I've no knowledge of pug coding but I used html to pug converter to create a pug file.

Here is my html code for 'content' container with img tag and path

      <div class="content">
        <img src="/views/img/home_bg.jpg" alt="">
      </div>

and here is my pug code for the same:-

      .content
         img(src='../../Project 1/views/img/home_bg.jpg' alt='')

here is my output using pug:-

pug results

here is my output using html:-

result which i get using html

what can be the valid path in pug template? please advise?

question from:https://stackoverflow.com/questions/65861346/image-not-showing-with-img-src

Answer 1

have you tried out to remove one ../, or to put the same src link as in the html, I see that the image isn't loading, so this is just an assumption that maybe the src link is not working.

/views/img/home_bg.jpg

 .content
         img(src='../Project 1/views/img/home_bg.jpg' alt='')