Script listed in Jade not accessible in my JavaScript

Question

In running an express app, the Jade template includes two script lines:

  script(src="https://cdn.socket.io/socket.io-1.3.5.js")  <== library
  script(src="main.js")                                   <== my code

But when I call something defined in the first script from my JavaScript in main.js, I get the error:

 Uncaught TypeError: Cannot read property 'connect' of undefined

The offending line is this one:

 var io = io.connect();

Which is defined in the first socket.io script. How can I include that script in a way that my code in main,js can find it?

If this was server side, I'd just 'require' it.

Luca Colonnello · Accepted Answer · 2015-05-25 19:17:34Z

1

Try this version

https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.5/socket.io.js

https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.5/socket.io.min.js

Socket io use browserify in order to compile the script into one file.

Probably the version you use is corrupt. If this doesn't solve, try to use the npm socket-io.client lib.

npm install --save socket.io

<script src="/socket.io/socket.io.js"></script>
<script>
  var socket = io();
</script>

Translate this into jade.

answered May 25, 2015 at 19:17

Luca Colonnello

1,45612 silver badges11 bronze badges

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

3 Comments

Dirk Over a year ago

The first idea does not change things. I'll try the 'translate into Jade' option.

Luca Colonnello Over a year ago

Rember to install it in the node server that run socket io

Dirk Over a year ago

I'm using express.io, so it should be installed by default.

Craicerjack · Accepted Answer · 2015-05-25 19:18:15Z

1

Regarding accessing the io javascript
You can check in your developer tools in network or console tab to find if the socket js is loading in your templates.

you can install it with node:

npm install socket.io    
var io = require('socket.io')(80);

Other than that you can go directly to this page https://cdn.socket.io/socket.io-1.3.5.js and copy the code from that page into a local js file (socket.js or whatever you'd like to call it) and then require it as you would any other file.

Or find a different cdn to try and access it from.

Regarding the error you are getting
Have you defined io anywhere?

edited May 25, 2015 at 19:18

answered May 25, 2015 at 19:11

Craicerjack

6,3303 gold badges34 silver badges41 bronze badges

7 Comments

Dirk Over a year ago

I'm not sure I understand your question. Isn't it defined in the included file (the one that I infer is not being loaded)?

Craicerjack Over a year ago

Okay but the issue here is youre calling .connect() on an io object that you havent defined. You are defining io = io.connect() but the io in io.connect() hasnt been defined. if you get me.

Luca Colonnello Over a year ago

The io object is the default global exported object of the lib socket.io. You can check this in the documentation of socket.io

Craicerjack Over a year ago

yes which is usually defined like this var io = require('socket.io')(80); but you havent defined io in your code so you cant call methods on it.

Dirk Over a year ago

That helps. So where do I define it? This is client side code, so I can't just require it, right?

|

Collectives™ on Stack Overflow

Script listed in Jade not accessible in my JavaScript

2 Answers 2

3 Comments

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related