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!"。