ENOENT: no such file or directory - error in pug

Question

When uploaded to Heroku, it is throwing me this error, while no error when running at localhost.

Here is browser message:

Here is my display.pug

extends ../LoginLayout/LoginLayout.pug
block content

- var createdAt = requser.local.profile.createdAt
script(type="text/javascript").
    $(document).ready(function() {
        var createdAt = Date.parse('!{createdAt}');            
        //- console.log(createdAt);
        $('.memberSince')[0].innerHTML = moment(createdAt).fromNow(true);
    });

.parallax-container.display
    .parallax
        img(src=requser.local.profile.herobg)
    .container.white-text.center
        img.circle(src=requser.local.profile.dp style='width: 200px;')
        h1 #{requser.local.name}
        h6 Member since #[span.memberSince #{createdAt}] | Lives in #{requser.local.profile.location} | #[strong 232222] points
        a.btn.btn-large.blue.darken-3.waves-amber.waves-effect.white-text(href='#') #[i.fa.fa-user-plus.left] Follow

Answer 1

I solved this myself.

My file hierarchy:

and I was using: extends ../LoginLayout/LoginLayout.pug instead of extends ../loginLayout/loginLayout.pug . notice the login starts from small letter as it was stored.