【问题标题】:Uncaught ReferenceError: io is not definedUncaught ReferenceError: io is not defined
【发布时间】:2015-12-24 10:06:08
【问题描述】:

我是 node.js 的新手,并尝试使用 nodejs 制作一个简单的聊天应用程序,但我无法收到此错误“Uncaught ReferenceError: io is not defined”。 我知道这是一个在这里讨论了很多的错误。但是通过谷歌找到了一些帖子后,它仍然没有解决我的问题。

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>

【问题讨论】:

  • 你调用页面的 URL 是什么?
  • 投票结束,因为这只是一个错字。

标签: jquery node.js socket.io


【解决方案1】:
<script scr="/socket.io/socket.io.js"></script>

scr != src

【讨论】:

  • @utsav 这发生在我们所有人身上。很多。 FWIW,特别是在客户端和服务器上使用相同的变量名时,指示错误来自 哪里 很有用,例如,在服务器或客户端。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-12-08
  • 2019-01-22
  • 2019-12-31
  • 2020-05-24
  • 2020-05-10
  • 2021-06-16
相关资源
最近更新 更多