微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

尝试在localhost上加载时未定义Socket.io __dirname

如何解决尝试在localhost上加载时未定义Socket.io __dirname

我正在尝试为网站构建基本的聊天功能,并且正在与本教程一起关注... (https://www.youtube.com/watch?v=tHbCkikFfDE&list=WL&index=4)...,但是socket.io似乎没有加载到页面上。我使用了最新的CDN。我感觉我的文件路径已关闭,但是我不太确定如何修复它。我是新人,请保持温柔。

<html>
    <head>
        <title>IO Chat</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://code.jquery.com/jquery-3.5.1.slim.js" integrity="sha256-DrT5NfxfbHvMHux31Lkhxg42LY6of8TaYyK50jnxRnM=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>
    <style>
        body {
            margin-top: 30px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-4">
                <div class="well">
                    <h3>Online Users</h3>
                    <ul id="users" class="list-group"></ul>
                </div>
            </div>
            <div class="col-md-8">
                <div class="chat" id="chat"></div>

                    <form id="messageForm">
                        <div class="form-group">
                            <label>Enter Message</label>
                            <textarea class="form-control" id="message">
                            </textarea>
                            <br />
                            <input type="submit" class="btn btn-primary" value="Send Message" />
                        </div>
                    </form>                
            </div>
        </div>
    </div>
    <script>
        $(function(){
            var socket = io.connect();
            var $messageForm = $('#messageForm');
            var $message = $('#message'); 
            var $chat = $('#chat');

            $messageForm.submit(function(e){
                e.preventDefault();
                socket.emit('send message',$message.val());
                $message.val('');
            });

            socket.on('new message',function(data){
                $chat.append('<div class="well">'+data.msg+'</div>')
            })
        })
    </script>
</body>
</html>

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。