未捕获的ReferenceError:未定义io

时间:2015-09-26 19:57:53

标签: jquery node.js socket.io

我是node.js的新手并尝试使用nodejs创建一个简单的聊天应用程序,但我无法收到此错误“Uncaught ReferenceError:io未定义”。 我知道这是一个在这里谈了很多的错误。但经过谷歌发现的一些帖子后,它仍然无法解决我的问题。

nodejs文件

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

server.listen(2000);

app.get('/',function(req,res){
    res.sendfile(__dirname + '/chat.html');
});

io.sockets.on('connection',function(socket){
    socket.on('send message',function(data){
        io.sockets.emit('new message',data);
    });
});

和html文件

<!DOCTYPE html>
<html>
<head>
    <title>Chat with node and socket io</title>
    <style type="text/css">
        #chat{
            height: 400px;
        }
    </style>
</head>
<body>
    <div id="chat"></div>
    <form id="send_message">
        <input id="message"/>
        <button type="submit">send</button>
    </form>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
    <script scr="/socket.io/socket.io.js"></script>
    <script type="text/javascript">
    jQuery(function($){
        var socket = io.connect();
        var messageForm = $('#send_message');
        var messageBox = $('#message');
        var chat = $('#chat');

        messageBox.submit(function(e){
            e.preventdefault();
            socket.emit('send message',messageBox.val());
            messageBox.val('');
        });

        socket.on('new message',function(data){
            chat.append(data + "<br/>");
        });
    });
    </script>
</body>
</html>

1 个答案:

答案 0 :(得分:3)

<script scr="/socket.io/socket.io.js"></script>

scr!= src