Express.js 'socket.io/socket.io.js 404'

Question

私はExpress JSを使用している私のウェブサイトhttp://clickthebutton.herokuapp.comにライブユーザカウントを組み込もうとしています。 socket.ioをインストールしようとすると、私はこのエラーを取得：

GET /socket.io/socket.io.js 404 1.911 ms - 1091 

Yes, I have used 'npm install socket.io --save'

私はそれらを試してみましたが、何も助けていない、答えを周りを見回しています。もし誰かが何が起こっているのかを知っていると思うなら、応答は高く評価されるでしょう！ここに私のコードは次のとおりです。

app.js

var express = require('express'); 
var path = require('path'); 
var favicon = require('serve-favicon'); 
var logger = require('morgan'); 
var cookieParser = require('cookie-parser'); 
var bodyParser = require('body-parser'); 
var io = require('socket.io')(app); 

var routes = require('./routes/index'); 
var users = require('./routes/users'); 

var app = require('express')(); 
var server = require('http').Server(app); 
var io = require('socket.io')(server); 

var server = app.listen(app.get('port'), function() { 
    console.log('server listening on port ' + server.address().port); 
}) 
var io = require('socket.io').listen(server); 
// view engine setup 
app.set('views', path.join(__dirname, 'views')); 
app.set('view engine', 'ejs'); 

// uncomment after placing your favicon in /public 
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico'))); 
app.use(logger('dev')); 
app.use(bodyParser.json()); 
app.use(bodyParser.urlencoded({ extended: false })); 
app.use(cookieParser()); 
app.use(express.static(path.join(__dirname, 'public'))); 

app.use('/', routes); 
app.use('/users', users); 

// catch 404 and forward to error handler 
app.use(function(req, res, next) { 
    var err = new Error('Not Found'); 
    err.status = 404; 
    next(err); 
}); 

// error handlers 

// development error handler 
// will print stacktrace 
if (app.get('env') === 'development') { 
    app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
     message: err.message, 
     error: err 
    }); 
    }); 
} 

// production error handler 
// no stacktraces leaked to user 
app.use(function(err, req, res, next) { 
    res.status(err.status || 500); 
    res.render('error', { 
    message: err.message, 
    error: {} 
    }); 
}); 

module.exports = app; 

index.ejs

  <!-- socket.io --> 
      <script src="socket.io/socket.io.js"></script> 
      <script type="text/javascript"> 
      var socket = io.connect(); 
      </script> 
     </div> 
    </center> 
    </body> 

ルート/ index.js

var express = require('express'); 
var router = express.Router(); 
var redis = require('redis'), client = redis.createClient(secret, "secret"); client.auth("secret", function() {console.log("Connected!");}); 
var app = express(); 
var server = require('http').Server(app); 
var http = require('http'); 

var io = require('socket.io').listen(server); 

io.on('connection', function(socket){ 
    console.log('a user connected'); 
    console.log(Object.keys(io.sockets.connected)); 
}); 


io.on('connection', function (socket) { 
    console.log('Socket.io connected!') 
}); 

I only copy/pasted the code that referenced socket.io

ありがとう！

あなたが socket.ioのインスタンスを作成し、再び routes/index.jsでいるだけでは app.jsで

Answer 1

。あなたのアプリ全体に1つしかないはずです。

var app = require('express')(); 
var server = app.listen(app.get('port'), function() { 
    console.log('server listening on port ' + server.address().port); 
}); 
var io = require('socket.io')(server); 

あなたが他のファイルでapp、serverかioのいずれかを参照する必要がある場合、あなたは変数としてそれを渡す必要があります。

Express用の一般的なセットアップは、次のようになります。

EDIT：あなたはexpress-generatorベースのセットアップを使用しているため、HTTPサーバはbin/wwwなくapp.jsに作成されます。その場合は、あなたもそこsocket.ioサーバーを作成する必要があります。

/** 
* Create HTTP server. 
*/ 

var server = http.createServer(app); 
var io = require('socket.io')(server); // add this line 

を繰り返しますが、あなたのコードベースのどこかioを参照する必要がある場合は、そこから一緒にそれを渡す必要があります。