javascript - Socket.io 消息返回为“null”

Question

我正在 socket.io 中开发一个简单的聊天应用程序，并且我目前正在本地服务器中运行这些文件。

在我的“script.js”文件中，我有以下内容：

const socket = io('http://localhost:3000')
const messageForm = document.getElementById('send-container')
const messageInput = document.getElementById('message-input')

socket.on('chat-message', data => {
    console.log(data)
})

messageForm.addEventListener('submit', e => {
    e.preventDefault()
    const message = messageInput.Value
    socket.emit('send-chat-message', message)
    messageInput.value = ''
})

在我的“server.js”文件中，我有以下内容：

const io = require('socket.io')(3000)

io.on('connection', socket => {
    socket.emit('chat-message', 'Hello World')
    socket.on('send-chat-message', message => {
        console.log(message)
    })
})

在 html 页面中有一个文本输入和一个提交按钮，因此输入文本和提交应该在我的控制台中返回相同的消息。但相反，当我提交我的控制台时，只会返回“null”。

如果有帮助，我正在使用本教程： https ://www.youtube.com/watch?v=rxzOqP9YwmM 并且使用相同的本地连接来运行文件，之前一切似乎都正常。帮助？

标签： javascripthtmljsonsocket.io