Parcel.js HMR & Socket.IO 冲突新用户连接

如何解决Parcel.js HMR & Socket.IO 冲突新用户连接

我有一个使用包裹打包器运行的快递应用程序。我已经为这个应用程序（服务器和客户端）实现了 Socket.IO。

因为 Parcel.js 的 Hot Module Replacement 也适用于 Web 套接字，所以每次修改完成时，都会触发 Socket.IO 连接事件。

有没有办法在没有这个新连接的情况下同时使用 HMR 和 Socket.IO？如果不是，有没有办法检测它是 HMR 套接字还是“真实用户连接”？

我尝试从 Parcel.js 更改 HMR 端口，但没有成功。

这是我的服务器配置：

const path = require('path')
const http = require('http')
const express = require('express')

const app = express()

// PARCEL BUNDLER
const Bundler = require('parcel-bundler')

const bundler = new Bundler(
  path.join(__dirname,'./src/app.js'),{
  outFile: 'bundle.min.js',publicUrl: './',watch: true,})

app.use(bundler.middleware())

// EXPRESS SERVER
const server = http.createServer(app)

app.use(express.static(path.join(__dirname,'./dist'),{ dotfiles: 'allow' }));
app.get('/',(req,res) => {
  res.sendFile(path.join(__dirname,'./index.html'));
});

server.listen(8080)

// SOCKET.IO
const io = require('socket.io')(server)

io.on('connection',(socket) => {
  socket.broadcast.emit('info','new user connected');
  socket.on('disconnect',function(){
    socket.broadcast.emit('info','user has been disconnected');
  });
});

在客户端，我只是打印广播输出，所以这就是我得到的（每次我修改我的文件并触发 HMR 时都有新用户连接）

screenshot of my local web page