如何在 svelte 中访问 websocket？

<script>
    const socket = new WebSocket("ws://localhost:8000/chat")
    socket.addEventListener("open", ()=> {
        console.log("Opened")
    })


</script>

我正在尝试将 svelte 连接到 fastapi 后端，但使用 svelte 套件时出现此错误。我明白了

WebSocket is not defined
ReferenceError: WebSocket is not defined

error.

我该如何解决它？

WebSocket是客户端特定功能，您必须确保此代码仅在浏览器中执行（默认情况下，脚本部分在服务器和客户端上执行）

您可以执行以下操作

let socket
onMount(() => {
  socket = new WebSocket("ws://localhost:8000/chat")
  socket.addEventListener("open", ()=> {
    console.log("Opened")
  })
})

the onMount仅在浏览器中运行，因此这将是添加此代码的理想位置，请记住在必要时在销毁时清理侦听器。