Javascript 在NestJs和ReactJS中使用WebSocket

Javascript 在NestJs和ReactJS中使用WebSocket,javascript,reactjs,websocket,nestjs,Javascript,Reactjs,Websocket,Nestjs,我想使用NestJs使用WebSocket。根据我创建的文档: //events.gateway.ts 进口{ 消息体, OnGatewayInit, 订阅消息, WebSocketGateway }来自“@nestjs/websockets”; @websocket网关(81,{transports:['websocket']}) 导出类EventsGateway实现OnGatewayInit{ @SubscribeMessage('事件') handleEvent(@MessageBody

我想使用NestJs使用WebSocket。根据我创建的文档:

//events.gateway.ts
进口{
消息体,
OnGatewayInit,
订阅消息,
WebSocketGateway
}来自“@nestjs/websockets”;
@websocket网关(81,{transports:['websocket']})
导出类EventsGateway实现OnGatewayInit{
@SubscribeMessage('事件')
handleEvent(@MessageBody()数据:字符串):字符串{
日志(数据“套接字”)
返回数据;
}
afterInit(服务器:any):any{
console.log('init')
}

}
在我的情况下,解决方案是:

  • 我没有使用npm软件包,但我简单地添加了
  • 从“socket.io客户端”添加
    导入{io}

    这个解决方案对我有效,但我不明白为什么npm包不起作用。

    在我的情况下,解决方案是下一个:

  • 我没有使用npm软件包,但我简单地添加了
  • 从“socket.io客户端”添加
    导入{io}

    这个解决方案对我很有效,但我不明白为什么npm包不起作用。

    您的浏览器控制台中是否有400个错误请求?是的,我也有同样的问题。我的浏览器控制台收到400个错误请求你的浏览器控制台收到400个错误请求吗?是的,我也有同样的问题。我在浏览器中收到400个错误请求console@JoseSliter Rios,请检查我的答案,并告诉我该解决方案是否也适用于您。您甚至如何在不安装软件包的情况下导入?@Jose Sliter Rios,请检查我的答案并告诉我该解决方案是否也适用于您。您甚至如何在不安装软件包的情况下导入?