Ошибка - не видно сообщений в чате на Js

const express = require('express'); // подключаем ээксперсс
const app = express(); // реультат вызова экспресс
const http =  require('http').createServer(app) // протокол для сокета, соединяем сокет и экспресс
const io = require('socket.io')(http)
 
// запрос на получение по адресу "слэш"
app.get('/', (req, res) => {
    res.sendFile(__dirname + '/index.html')
})
 
// express берет из папки asstets файлы
app.use(express.static(__dirname +'/assets'))
 
// коннектим сокет
io.on('connection', (socket)=> {
    socket.on('chat message', (data) => {
        // обработка и отправка обратно на фронт
        io.emit('chat message', {
            message: data.message,
            name: data.name
        })
    })
})
 
// порт 3000. СТАРТ СЕРВЕРА
http.listen(3000, () => {
    console.log('Старт сервера')
})

 const socket = io(); // получаем сокет = результат функции io
const  messages = document.querySelector('.messages');
const form = document.querySelector('.form');
const input = document.querySelector('.input');
const nameBlock = document.querySelector('.name');
 
// получение имени
const UserName = prompt('Ваше имя:');
nameBlock.innerHTML = `${UserName}`; // ввод имени при входе 
 
// обработка формы, обработчик событий на метод submit
form.addEventListener('submit', (e) => {
    e.preventDefault()
 
    // проверка на наличие сообщения, работа с сокетами
    if (input.value) {
        // отправка данных на сервер
        socket.emit('chat message', {
            message: input.value,
            name: UserName
            }) 
            input.value = '' // очистка строки
    }
})
 
 
socket.on('chat message', (data) => {
    const item = document.createElement('li')
    item.innerHTML = `<span>${data.name}</span>: ${data.message}`;
    messages.appendChild(item)
    window.scrollTo(0, document.body.scrollHeight)
})