如何修复频道官方教程中的“ WebSocket连接失败”

Question

我正在关注频道聊天应用程序教程。我已经完成了本教程中的所有内容，但似乎并没有在文本区域中显示消息。

var roomName = {{ room_name_json }};

var chatSocket = new WebSocket(
    'ws://' + window.location.host +
    '/ws/chat/' + roomName + '/');

chatSocket.onmessage = function(e) {
    var data = JSON.parse(e.data);
    var message = data['message'];
    document.querySelector('#chat-log').value += (message + '\n');
};

chatSocket.onclose = function(e) {

    console.error('Chat socket closed unexpectedly');
};