未捕获的ReferenceError:未定义io

Question

我知道这是一个在这里谈了很多的错误.但经过谷歌发现的一些帖子后,它仍然无法解决我的问题.

尝试在我的index.html中包含io javascript时出现上述错误.

我试过了: <script src="http://localhost:8080/socket.io/socket.io.js"></script> 而且<script src="/socket.io/socket.io.js"></script>

甚至尝试将端口切换到3000.问题仍然存在.

我已经尝试重新启动我的app.js并重新安装socket.io(虽然它在我的包中)npm install socket.io.我看到在node_modules文件夹中创建了一个socket.io文件夹.

我启动我的服务器如下:

var express = require('express');

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

app.listen(8080);

我的索引还加载了谷歌最新的jQuery: <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

我的终端显示当我重新启动app.js时socket.io启动:

23 Jun 13:31:56 - [nodemon] starting `node app.js`
   info  - socket.io started

我的index.html总计(我从教程中重新输入/改造它:http://psitsmike.com/2011/09/node-js-and-socket-io-chat-tutorial/)

<script src="http://localhost:8080/socket.io/socket.io.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>

<script>

    var socket = io.connect();

    socket.on('connect', function() {
        socket.emit('adduser', prompt("Hoe heet je?"));
    });

    socket.on('updateChat', function(username, data) {
        $('#conversation').append('<strong>' + username  + '</strong> says: ' + data + '<br>');
    });

    socket.on('updateUsers', function(data) {
        $('#users').empty();
        $.each(data, function(k, v) {
            $("#users").append('<div>' + k + '</div>');
        });
    });

    $(document).ready(function() {
        $('#datasend').click(function() {
            //get the message and empty the input
            var msg = $('#data').val();
            $('#data').val('');

            //Let the server execute sendchat along with the msg
            socket.emit("sendChat", msg);
        });

        //ENTER key
        $('#data').keypress(function(e) {
            keyCode = (e.keyCode ? e.keyCode : e.which);
            if (keycode == 13) {
                $(this).blur();
                $('#datasend').focus().click();
            }
        });
    });

</script>
<div style="float:left;width:100px;border-right:1px solid black;height:300px;padding:10px;overflow:scroll-y;">
    <b>USERS</b>
    <div id="users"></div>
</div>
<div style="float:left;width:300px;height:250px;overflow:scroll-y;padding:10px;">
    <div id="conversation"></div>
    <input id="data" style="width:200px;" />
    <input type="button" id="datasend" value="send" />
</div>

Answer 1

在您的代码中,更改此内容

app.listen(8080);

对此

server.listen(8080);