Socket.IO 在与 Vite 捆绑的 React 应用程序中不起作用(当与 Webpack 捆绑时它可以)
Socket.IO in React app bundled with Vite doesnt work (When bundled with Webpack it does)
我有一个迁移到 Vite 的 Create React 应用程序。
我用 socket.io-client
.
应用程序的两个版本完全相同(只是 copy/paste),除了捆绑器。
这是我的 websocket 连接
import { io } from 'socket.io-client'
export function App() {
useEffect(() => {
io('http://my-server')
})
}
在 webpack 版本中,我可以在网络选项卡中看到 socket.io 正在尝试连接。
但是在vite版本中它没有,它甚至不会抛出错误。
我该如何解决这个问题?这和Vite只支持ESM包不支持CommonJS有关系吗?
最终我通过在连接中指定 transports
属性 解决了这个问题,如下所示:
io('http://my-server', {
transports: ['websocket'], // Required when using Vite
})
我有一个迁移到 Vite 的 Create React 应用程序。
我用 socket.io-client
.
应用程序的两个版本完全相同(只是 copy/paste),除了捆绑器。
这是我的 websocket 连接
import { io } from 'socket.io-client'
export function App() {
useEffect(() => {
io('http://my-server')
})
}
在 webpack 版本中,我可以在网络选项卡中看到 socket.io 正在尝试连接。
但是在vite版本中它没有,它甚至不会抛出错误。
我该如何解决这个问题?这和Vite只支持ESM包不支持CommonJS有关系吗?
最终我通过在连接中指定 transports
属性 解决了这个问题,如下所示:
io('http://my-server', {
transports: ['websocket'], // Required when using Vite
})