Scripts not loading in jade

Question

I want to render the some scripts but it seems they are not loaded in my jade file although the block content gets loaded

Here is the code:

script(type='text/javascript' src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js")

script(type='text/javascript' src="/../scripts/main.js")
extends layout

block content
  h1= title
  p Welcome to #{title}

Have you inspected your DevTools => Network tab and ensured that it is showing any 404 error(s) for these script inclusions? — David R
– David R, Commented Oct 9, 2017 at 6:59
Yea, I figured it out just now, it's working after I keep it under the head.. noob mistake though! — Manzur Khan
– Manzur Khan, Commented Oct 9, 2017 at 7:03

David R · Accepted Answer · 2017-10-09 07:46:13Z

1

You will have to put your script tags under head block in your Jade templates.

Your code should look like,

  extends layout
  append head
    script(type='text/javascript' src="https://www.gstatic.com/firebasejs/4.5.0/firebase.js")

    script(type='text/javascript' src="/../scripts/main.js")

    block content
      h1= title
      p Welcome to #{title}

Hope this helps!

edited Oct 9, 2017 at 7:46

answered Oct 9, 2017 at 7:11

David R

15.7k8 gold badges59 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mohit Bhardwaj Over a year ago

Are you sure it would not throw error? Because I think this is a child template, so it should only define block's. pugjs.org/language/inheritance.html#common-mistakes

David R Over a year ago

@MohitBhardwaj My Bad, I didn't realize that.. In that case we should be using the append head keyword (if I'm not wrong).

Mohit Bhardwaj Over a year ago

Yeah, I think either we need to include the scripts in the parent template i.e. layout.pug in this case. Or if that is not desired for any reason, we can include them inside block content, or by creating another block, something like block footer etc.

Collectives™ on Stack Overflow

Scripts not loading in jade

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related