javascript - 与 Vite 捆绑的 React 应用程序中的 Socket.IO 不起作用(与 Webpack 捆绑时会起作用)

Question

我有一个迁移到 Vite 的 Create React 应用程序。
我用 socket.io-client .
除了捆绑器外，两个版本的应用程序完全相同(只需复制/粘贴)。
这是我的 websocket 连接

import { io } from 'socket.io-client'

export function App() {
  useEffect(() => {
    io('http://my-server')
  })
}

在 webpack 版本中，我可以在网络选项卡中看到 socket.io 正在尝试连接。
但是在 vite 版本中它没有，它甚至没有抛出错误。
我怎样才能解决这个问题？这与仅支持 ESM 包而不支持 CommonJS 的 Vite 有什么关系吗？

Answer 1

最终我通过指定 transports 解决了这个问题。连接中的属性，如下所示:

io('http://my-server', {
    transports: ['websocket'], // Required when using Vite      
})