找不到socket.io.js（404）

Question

我指的是一个问题，已经被问了很多次，但其他地方发布的解决方案没有解决我的问题ie Socket.io.js找不到。

错误消息为

获取http://127.0.0.1:3000/socket.io/socket.io.js 404

script(src='http://code.jquery.com/jquery.js')
script(src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js')
script(src='/socket.io/socket.io.js')
script(src='/javascripts/sockets/client.js') // this is in public folder

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


server.listen(app.get('port'), function(){
   console.log("Express server listening on port " + app.get('port'));
});
app.use(express.static(path.join(__dirname, 'public')));

"express": "~4.13.1",
"jade": "~1.11.0",
"morgan": "~1.6.1",
"serve-favicon": "~2.3.0",
"socket.io": "0.9.10"

一些附加信息：在我的app.js中：我引用了服务器套接字

// set up our socket server
require('./public/javascripts/sockets/server')(io);

'/javascripts/sockets/client.js'是我的客户端套接字：

var socket = io.connect('/');
socket.on('message', function (data) {
    data = JSON.parse(data);
    $('#messages').append('<div class="'+data.type+'">' + data.message +
    '</div>');
});
$(function(){
    $('#send').click(function(){
    var data = {
        message: $('#message').val(),
        type:'userMessage'
    };
    socket.send(JSON.stringify(data));
    $('#message').val('');
});

Answer 1

您不应该为此使用socket.io包，因为它主要用于构造socket.io服务器实例。相反，您应该使用socket.io-client，它专门用作客户端套接字。

我建议使用bower而不是npm来安装，因为bower是为前端包管理而设计的。在项目目录中执行以下操作

注意：如果您没有安装bower，则需要在全局范围内安装它npm i-g bower

bower init
bower install --save socket.io-client

server.use(express.static(path.join(__dirname,'bower_components')))；

然后改变

脚本(src='/javascripts/sockets/client.js')//它在公用文件夹中

var express = require('express');
var app = express();
var server = require('http').Server(app);
var io = require('socket.io')(server);
var port = process.env.PORT || 3000;

server.use(express.static(path.join(__dirname, 'public')));
server.use(express.static(path.join(__dirname, 'bower_components')));

server.listen(port, function(){
   console.log('Express server listening on port ' + port);
});