проблема подключения socket.io

Я продолжаю получать эту GET/socket.io/?EIO=3&transport=polling&t=MfRfeJD 404 4,438 мс - 149 ошибку, и я не знаю, откуда она исходит.

Я пытаюсь интегрировать живой чат в свое приложение, используя response, socket.io и express, и я продолжаю получать эту не найденную ошибку с сокетами. Я не уверен, если проблема на стороне клиента или сервера. Кажется, он пытается постоянно опрашивать сервер, но получает 404 обратно. Похоже, что socket.io не работает, но все выглядит хорошо для меня. Это также может быть связано с путями, но я не знаю. Я попытался добавить другой маршрут к Io, например, " http://localhost: 5000/ ", но все равно он не может найти сокет.

Я получаю страницу, чтобы показать, и когда я нажимаю отправить, появляется сообщение, но я не могу получить сокеты для подключения.

В app.js

    const express = require('express');

  const http = require('http')
    const bodyParser = require('body-parser')
    const socketIo = require('socket.io')

    var app = express();
    const server = http.createServer(app)
    const io = socketIo(server)

    var PORT = process.env.PORT || 5000;

    app.post('/', (req, res) => {
      const { Body, From} = req.body
      const message = {
        body: Body,
        from: From.slice(8),

      }
      io.emit('message', message)
      res.send('
               <Response>
                <Message>Thanks for texting!</Message>
               </Response>
               ')
    })

    io.on('connection', socket => {
      socket.on('message', body => {
        socket.broadcast.emit('message', {
          body,
          from: socket.id.slice(8)
        })
      })
    })

    server.listen(PORT);

В Chat.js

    import React from "react";
    import io from "socket.io-client";



    class Chat extends React.Component {
        constructor (props) {
          super(props)
          this.state = { messages: [] }
        }

        componentDidMount () {
          this.socket = io('http://localhost:5000/')
          this.socket.on('message', message => {
            this.setState({ messages: [message, ...this.state.messages] })
          })
        }

        handleSubmit = event => {
          const body = event.target.value
          if (event.keyCode === 13 && body) {
            const message = {
              body,
              from: 'Me'
            }
            this.setState({ messages: [message, ...this.state.messages] })
            this.socket.emit('message', body)
            event.target.value = ''
          }
        }

        render () {
          const messages = this.state.messages.map((message, index) => {
            return <li key={index}><b>{message.from}:</b>{message.body} </li>
          })
          return (
            <div>
               <h1>Admin Chat</h1>
              <input type='text' placeholder='Enter a message...' onKeyUp={this.handleSubmit} />
              {messages}
            </div>
          )
        }
      }



export default Chat;