DOMException: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state.

这个错误通常发生在 WebSocket 连接过程中。它意味着你尝试在 WebSocket 连接处于 "CONNECTING" 状态时发送消息。

有两种可能的解决方法：

1. 等待 WebSocket 连接完成后再发送消息。可以使用 WebSocket 的 "onopen" 事件来等待连接完成，例如：

let socket = new WebSocket('ws://example.com');
socket.onopen = function(event) {
  socket.send('Hello, server!');
};

2. 在连接未完成时关闭 WebSocket 连接，然后重新建立连接并发送消息。可以使用 WebSocket 的 "close" 方法关闭连接，例如：

let socket = new WebSocket('ws://example.com');
if (socket.readyState === WebSocket.CONNECTING) {
  socket.close();
  socket = new WebSocket('ws://example.com');
}
socket.send('Hello, server!');

这将先关闭连接，然后重新建立连接并发送消息。

相关问题

Uncaught DOMException: Failed to execute 'send' on 'WebSocket': Still in CONNECTING state. at <anonymous>:1:8

这个错误提示是由于在 WebSocket 连接状态为 `CONNECTING` 时就尝试发送消息，导致消息发送失败。WebSocket 连接状态总共有四种状态：

- `CONNECTING` - 正在连接
- `OPEN` - 连接已经建立
- `CLOSING` - 关闭中
- `CLOSED` - 连接已关闭

当连接状态为 `CONNECTING` 时，WebSocket 还没有建立连接，这个时候尝试发送消息是不合法的。正确的做法是在连接成功后再发送消息。

你可以在 `onopen` 回调函数中发送消息，示例如下：

const socket = new WebSocket("ws://localhost:8080/ws");

socket.onopen = function(event) {
  socket.send("Hello, WebSocket!");
};

socket.onmessage = function(event) {
  console.log(event.data);
};

这样，当 WebSocket 连接成功后，就会自动发送一条消息 "Hello, WebSocket!"。如果你想手动触发发送消息事件，也可以在 `onopen` 回调函数中添加一个按钮，点击后触发发送消息事件。

另外，如果你需要在连接状态为 `CONNECTING` 时就发送消息，可以使用 `setTimeout` 函数来延迟发送消息的时间，示例如下：

const socket = new WebSocket("ws://localhost:8080/ws");

setTimeout(() => {
  socket.send("Hello, WebSocket!");
}, 1000);

socket.onmessage = function(event) {
  console.log(event.data);
};

这样，就会在连接建立 1 秒后发送消息 "Hello, WebSocket!"。