加载资源失败-Socket.IO

Question

我一直在尝试使用node.js和socket.io，并按照教程进行操作。 我不断从正在构建的应用程序中获取错误。 这是我的server.js文件：

var http = require('http');
var fs = require('fs');
var path = require('path');
var mime = require('mime');
var cache = {};
var chatServer = require('./lib/chat_server.js');
chatServer.listen(server);

//file doesn't exist
function send404(response) {
    response.writeHead(404, {'Content-Type': 'text/plain'});
    response.write('Error 404: resource not found.');
    response.end();
}

//handles serving file data
function sendFile(response, filePath, fileContents) {
    response.writeHead(
    200,
    {"content-type": mime.lookup(path.basename(filePath))}
    );
    response.end(fileContents);
}

//cache static files to memory
function serveStatic(response, cache, absPath) {
    if (cache[absPath]) {
        sendFile(response, absPath, cache[absPath]);
    } else {
        fs.exists(absPath, function(exists) {
            if (exists) {
            fs.readFile(absPath, function(err, data) {
                if (err) {
                    send404(response);
                } 
                else {
                    cache[absPath] = data;
                    sendFile(response, absPath, data);
                }
            });
           } 
           else {
            send404(response);
           }
        });
    }
}

var server = http.createServer(function(request, response) {
    var filePath = false;
    if (request.url == '/') {
        filePath = 'public/index.html';
        } 
    else {
        filePath = 'public' + request.url;  
    }
    var absPath = './' + filePath;
    serveStatic(response, cache, absPath);
});

server.listen(3001, function() {
    console.log("Server listening on port 3001.");
});

这是我的index.html文件：

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Chat</title>
    <meta name="description" content="An interactive chat application using websockets.">
    <link rel="stylesheet" href="/stylesheets/style.css">
</head>
<body>
    <div id='content'>
        <div id='room'></div>
        <div id='room-list'></div>
        <div id='messages'></div>
        <form id='send-form'>
            <input id='send-message' />
            <input id='send-button' type='submit' value='Send'/>
            <div id='help'>
                Chat commands:
                <ul>
                    <li>Change nickname: <code>/nick [username]</code></li>
                    <li>Join/create room: <code>/join [room name]</code></li>
                </ul>
            </div>
        </form>
    </div>
    <script src="[localserver here]:3001/socket.io/socket.io.js" type="text/javascript"></script>
    <script src="/javascripts/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="/javascripts/chat.js" type="text/javascript"></script>
    <script src="/javascripts/chat_ui.js" type="text/javascript"></script>
</body>
</html>

从浏览器加载“ [此处本地服务器]：3001”后，将显示索引页面以及随后的CSS。 但是当我尝试一个事件，例如发送消息时，出现此错误：

错误404：找不到资源。

我在Chrome浏览器中右键单击并检查了元素，并收到以下两条消息：

加载资源失败：服务器响应状态为404（未找到）“ [此处为本地服务器]：3001 / socket.io / socket.io.js”

未捕获的ReferenceError：未定义io [[localserver here]：3001 / javascripts / chat_ui.js：26“

这是我的chat_ui.js文件的第26行：

var socket = io.connect('[localserver here]:3001');
$(document).ready(function() {

   var chatApp = new Chat(socket);
   socket.on('nameResult', function(result) {
       var message;
       if (result.success) {
           message = 'You are now known as ' + result.name + '.';
       } else {
           message = result.message;
       }
       $('#messages').append(divSystemContentElement(message));
   });

   socket.on('joinResult', function(result) {
       $('#room').text(result.room);
       $('#messages').append(divSystemContentElement('Room changed.'));
   });

   socket.on('message', function (message) {
       var newElement = $('<div></div>').text(message.text);
       $('#messages').append(newElement);
   });

   socket.on('rooms', function(rooms) {
       $('#room-list').empty();
       for(var room in rooms) {
           room = room.substring(1, room.length);
           if (room != '') {
               $('#room-list').append(divEscapedContentElement(room));
           }
       }
       $('#room-list div').click(function() {
           chatApp.processCommand('/join ' + $(this).text());
           $('#send-message').focus();
       });
   });

   setInterval(function() {
       socket.emit('rooms');
   }, 1000);
   $('#send-message').focus();
   $('#send-form').submit(function() {
       processUserInput(chatApp, socket);
       return false;
   });
})

我尝试了各种。 最初的第26行是var socket = io.connect（）; 然后我将其更改为上述一种。 我还从以下位置将index.html文件中的socket.io.js目录更改为：

至

...因为我认为这是问题所在，但仍然给了我同样的错误。

请问我该如何解决？

（PS-我正在使用Brackets作为用于node.js开发的IDE。此外，我使用了[[localserver]“表示本地主机）

Answer 1

尝试这个：

<script type="text/javascript" src='http://localhost:3001/socket.io/socket.io.js'>
</script>

<script type="text/javascript">

var socket = io.connect('http://localhost:3001');

socket.on('connect',function(){
console.log("connect");
});
</script>

它必须帮助您。

Answer 2

这行chatServer.listen(server); 应该在运行服务器之后。 chartServer正在侦听服务器，但该服务器尚未运行。

尝试移动此行：

chatServer.listen(server);

到脚本server.js的末尾

加载资源失败-Socket.IO

问题描述

2 个解决方案

解决方案1
3 已采纳 2014-06-05 12:16:58

解决方案2
0 2016-03-16 15:23:11

加载资源失败-Socket.IO

问题描述

2 个解决方案

解决方案1 3 已采纳 2014-06-05 12:16:58

解决方案2 0 2016-03-16 15:23:11

解决方案1
3 已采纳 2014-06-05 12:16:58

解决方案2
0 2016-03-16 15:23:11