在 Deno 中使用 WebSocket 时，你可能会遭遇到一个错误：ERR_INVALID_HANDLE_STATE。这个错误奇怪地指出一个句柄处于非法状态，但实际上错误的原因比较深刻。
ERR_INVALID_HANDLE_STATE 产生的原因
WebSocket 本质上是在浏览器和服务器之间建立一条全双工的通信信道。但是，这种信道的特性意味着它需要长时间的连接，因此需要保持一个持久化的握手状态。这种持久性状态在 Deno 中的实现有些复杂，很容易在代码中出现错误，导致 ERR_INVALID_HANDLE_STATE 错误。
出现 ERR_INVALID_HANDLE_STATE 错误的原因有很多，包括：
- 前后端的协议不一致
- 连接已经关闭或已经结束
- 传输过程中遭遇到了错误
不同原因的错误可能需要不同的解决方案。因此，在出现该错误时，我们需要先定位问题产生的原因，然后再开始解决它。
解决 ERR_INVALID_HANDLE_STATE 的方法
在面对 ERR_INVALID_HANDLE_STATE 错误时，我们需要采取以下步骤来解决它：
1. 检查协议
该错误日志通常会提示协议问题，所以我们需要检查前后端之间的协议是否一致，比如在前端传入的 WebSocket 对象中配置的协议是否正确。
下面是一个检查协议是否正确的示例代码：
const ws = new WebSocket("ws://localhost:8080", ["randomProtocol"]);其中，randomProtocol 是一个自己定义的协议名称，需要在后端设置对应的协议才能正确建立连接。
2. 检查连接是否关闭
ERR_INVALID_HANDLE_STATE 的另一个常见原因是连接已经关闭。这在前端和后端之间的长连接过程中尤其常见。如果在一个已经关闭的连接上发送消息，就会引发该错误。因此，首先需要确保连接尚未关闭，再进行后续的操作。
下面是一个检查连接状态是否正确的示例代码：
-- -------------------- ---- ------- ----- -- - --- --------------------------------- -- -------- --------- - ------- -- - ---------------------- ---------- --------------- - -- -------- ---------- - ------- -- - ---------------------- ---------- --- ---- ---------- -
3. 检查传输中的异常
如果连接仍然存在，那么 ERR_INVALID_HANDLE_STATE 错误可能是由传输过程中遭遇到了错误所致。这时，我们可以通过检查前后端的日志来找到具体原因。
下面是一个检查异常是否存在的示例代码：
const ws = new WebSocket("ws://localhost:8080");
ws.onerror = (event) => {
console.log(`WebSocket error: ${event.message}`);
}结论
当我们在使用 Deno 中的 WebSocket 时，出现 ERR_INVALID_HANDLE_STATE 错误时，首先应该识别错误的来源，然后根据错误原因采取相应的解决方案。如果错误仍然无法修复，我们可以通过检查前后端日志来进一步找到具体原因。在逐步排除错误后，我们可以创建可靠的 WebSocket 连接，在前端和后端之间顺畅地传输数据。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6707afbdd91dce0dc86b6b4b