сокеты не соединяются между сервером и клиентом

Question

Я использую попытку создания сокетов для динамической отправки данных между клиентом и сервером, но я не могу заставить socket.io работать. Я продолжаю следовать учебнику по socket.io (https://www.youtube.com/watch?v=jD7FnbI76Hg), но все равно продолжаю получать ту же ошибку, когда копирую то, что он делает в видео. Я также посмотрел другие посты о сокетах, не соединяющихся, но они устарели (были опубликованы до 2016 года, и с тех пор socket.io изменился).

Вот соответствующий код, который у меня есть на стороне сервера:

const express = require("express")
const app = express()
const http = require("http");
const server = http.createServer(app);
const socketio = require('socket.io')
const io = socketio(server);

app.use(express.static(__dirname + "/public"))
app.use(express.urlencoded({ extended: true }));
app.use(express.json());

io.on("connection", socket => {
    console.log("connected")
});
app.listen(process.env.PORT || 3000, () => {
    console.log("Listening on port 3000")
})

На стороне клиента:

let socket = io();
console.log(socket);

Я также использую версию сокета cdn .io:

<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js"></script>

Это ошибка, которая возвращается в клиенте:

На стороне сервера это не показывает никаких ошибок, но не показывает, что я хочу, когда клиент подключается к сокету.