Trouble using (and loading images).

I think I may be having trouble with path names on Cloud9 & BeagleBone.
The BBone is set up with express and, both of which appear to be running fine.
The BBone happily serves up the text portion of client side html on

I get 2 errors in the Chrome developer window:

  1. Uncaught ReferenceError: io is not defined right after “var socket=io.connect(…”
  2. GET 404 (Not Found)

I suspect it may be related to the src= but am not sure. Does anyone know what I am doing wrong?

========= CLIENT SIDE index.html ======

this is the title

Page 1: Index

This is some text.

BeagleBone image

======= SERVER CODE =======

var express = require(‘express’);
var socket = require(‘’);

//Start up the servers and listen
var app = express.createServer();
var io = socket.listen(app);


// handle GET’s
app.get(’/’, function (request, response) {
response.sendfile(__dirname + ‘/index.html’);

io.sockets.on(‘connection’, function (socket) {
socket.emit(‘news’, { hello: ‘world’ });
socket.on(‘my other event’, function (data) {

Additional clarification:
Both the server-side javascript and index.html are located in the Cloud9 directory
The test image is located in Cloud9/bone101/bone_connectors.jpg