Javascript 未捕获引用错误：未在烧瓶中定义io_Javascript_Flask_Socket.io

Javascript 未捕获引用错误：未在烧瓶中定义io

javascript flask socket.io

Javascript 未捕获引用错误：未在烧瓶中定义io,javascript,flask,socket.io,Javascript,Flask,Socket.io,我试图用flask和socketio创建一个聊天应用程序，但是我得到了一个未捕获的引用错误：我的web浏览器检查器中没有定义io错误。谷歌搜索这个错误并没有给我太多的帮助以下是我的python代码： import requests from flask import Flask, jsonify, render_template, request from flask_socketio import SocketIO, emit # Configure Flask-socketio app

我试图用flask和socketio创建一个聊天应用程序，但是我得到了一个未捕获的引用错误：我的web浏览器检查器中没有定义io错误。谷歌搜索这个错误并没有给我太多的帮助

以下是我的python代码：

import requests

from flask import Flask, jsonify, render_template, request
from flask_socketio import SocketIO, emit

# Configure Flask-socketio
app = Flask(__name__)

app.config['SECRET_KEY'] = 'secret!'
socketio = SocketIO(app)


@socketio.on('message')
def handleMessage(message):
    print('Message: ' + message)
    send(message, broadcast=True;)

if __name__ == '__main__':
    socketio.run(app)

这是我的html代码：

<html>
    <head>
        <title>Test flask-socketio</title>
        <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/socket.io/1.3.6/socket.io.min.js"></script>    
    </head>
    <body>
        <script type="text/javascript">
            document.addEventListener('DOMContentLoaded', () => {
                var socket = io.connect(location.protocol + '//' + document.domain + ':' + location.port);

                //When connected, configure submit button to emit message event
                socket.on('connect', () => {
                    socket.send('User has connected!');
                });
            });
        </script>
        <ul id="messages"></ul>
        <input type="test" id="myMessage">
        <button id="sendbutton">Send</button>
    </body>
</html>


试验瓶插座
document.addEventListener（'DOMContentLoaded'，（）=>{
var socket=io.connect（location.protocol+'/'+document.domain+'：'+location.port）；
//连接后，将“提交”按钮配置为发出消息事件
socket.on（'connect'，（）=>{
send（'User has connected！'）；
});
});

发送

有人知道我为什么会出现此错误吗？

问题是您没有在此处获取socket.io。下面是正确的HTML文件代码

<html>
    <head>
        <title>Test flask-socketio</title>
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/1.4.8/socket.io.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>  
    </head>
    <body>
        <script type="text/javascript">
            document.addEventListener('DOMContentLoaded', () => {
                var socket = io.connect(location.protocol + '//' + document.domain + ':' + location.port);

                //When connected, configure submit button to emit message event
                socket.on('connect', () => {
                    socket.send('User has connected!');
                });
            });
        </script>
        <ul id="messages"></ul>
        <input type="test" id="myMessage">
        <button id="sendbutton">Send</button>
    </body>
</html>


试验瓶插座
document.addEventListener（'DOMContentLoaded'，（）=>{
var socket=io.connect（location.protocol+'/'+document.domain+'：'+location.port）；
//连接后，将“提交”按钮配置为发出消息事件
socket.on（'connect'，（）=>{
send（'User has connected！'）；
});
});

发送

我已经在这里更新了脚本的地址

下一步你会遇到cors错误，祝你好运