Как исправить ошибку во время рукопожатия WebSocket: net :: ERR_CONNECTION_RESET

Question

Я довольно новичок в этом, и я следую старому уроку (из пары лет go) с django и реагирую js, что затрудняет мне сказать, если это синтаксическая ошибка или другая проблема, с которой я сталкиваюсь.

У меня есть index.jsx, в котором есть этот кусок кода

ReactDOM.render(<LobbyBase current_user={current_user} socket={lobby_sock}/>, document.getElementById('lobby_component'))

, где

var lobby_sock = 'ws://' + window.location.host + "/lobby/"

И в моем LobbyBase.jsx у меня есть

render() {
        return (
            <div className="row">
                <Websocket ref="socket" url={this.props.socket}
                    onMessage={this.handleData.bind(this)} reconnect={true}/>
                <span>Lobby Components will go here....</span>
            </div>

        )
    }

Вестибюль. html содержит <div id="lobby_component"></div>. Таким образом, «Лобби Компоненты будут go здесь ...» отображаются правильно. Я еще не начал реализовывать реальные вещи для websocket, но когда я открываю консоль, я вижу WebSocket connection to 'ws://127.0.0.1:8000/lobby/' failed: Error during WebSocket handshake: net::ERR_CONNECTION_RESET. Я не уверен, какой кусок кода вызывает проблему. Любая помощь будет оценена !!!