CODEWITHSUNDEEP
javascriptnode.jsexpresspug
btru
btru

Reputation: 129

Node.js/Express/Jade Javascripts not loading in correct sequence

Say I have this in a .jade file 

doctype 5
html
 head
  title= title
  link(rel='stylesheet', href='/stylesheets/style.css')
  script(src='/javascripts/ocanvas-2.2.2.min.js', type='text/javascript')
  script(src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js")
body
 script(src='/javascripts/main.js')

The main.js file is supposed to use various functions from ocanvas which is included previously.

However, in my node.js server it is unable to do so because ocanvas for some reason loads after the main.js in the terminal running the server:

 GET /stylesheets/style.css 304 1ms
 GET /javascripts/main.js 304 1ms
 GET /javascripts/ocanvas-2.2.2.min.js 304 0ms

Why is it not loading in the sequence that is in the jade file?

Upvotes: 0

Views: 963

Answers (2)

asgoth
asgoth

Reputation: 35829

I notice your body tag is at the same height of your html tag, which could cause the problem. Indent the body tag.

Upvotes: 1

Ry-
Ry-

Reputation: 225044

The browser notices that it has cached versions of those resources, and so it sends conditional requests to check if they’ve been changed. (The 304 means that they haven’t.) This doesn’t necessarily have to happen in any particular order, and a browser is free to perform any optimizations in loading resources it wants, too.

Upvotes: 1

Related Questions