Reactjs 无法连接到mqtt react中的MOSQUITO代理服务器

我正在为我的代理服务器使用MOSQUITO，当我使用mqtt react并放置我的internet本地ip地址时，我在控制台中收到以下错误：

WebSocket connection to 'ws://192.XXX.X.X:1883/' failed: Error during WebSocket handshake: net::ERR_CONNECTION_RESET

在我的候机楼mosquitto开放的地方，上面写着

Client <unknown> disconnected due to protocol error.

由于协议错误，客户端已断开连接。

---

MQTT react尝试通过Websocket使用MQTT连接到代理，这是因为它基于web浏览器，所以沙箱只允许HTTP或Websocket连接

默认情况下，MOSQUITO只启动一个侦听器（在端口1883上），该侦听器只支持TCP上的MQTT。如果希望通过Websockets连接MQTT，则需要在新端口上添加新的侦听器。要执行此操作，请将以下内容添加到

mosquitto.conf

文件中：

listener 8083
protocol websockets

您需要将代码中的URL更新为以下内容：

ws://192.XXX.X.X:8083

---

编辑问题以包括您的mosquitcho.conf，这样我们就可以看到您是否配置了Websocket侦听器（端口1883通常是本地MQTT而不是Websocket上的MQTT）@hardillb我的mosquitcho.conf仍在注释中。在我这样做之后，我发现此错误

无法启动任何侦听套接字，退出。

编辑问题以在启动时显示mosquitto.conf和完整的日志输出OK，这样在取消对port 1883行的注释后，我就可以使用您的解决方案运行服务器了。端口和侦听器是否同时需要？端口和侦听器必须位于不同的编号吗？同一端口上不能有多个侦听器。至于您是否需要两者，我无法回答，因为我不知道您的系统中还有什么在使用MQTT。