reactjs - 为什么我会得到 ReferenceError : RTCPeerConnection is not defined in Next. js？

Question

我在尝试 const pc = new RTCPeerConnection() 时收到 ReferenceError: RTCPeerConnection is not defined。我该如何克服这个错误？

这不是我的浏览器，我可以在它们上本地运行 webRTC。

Answer 1

Next.js pre-renders every page在服务器上。在页面被预呈现时尝试使用 Web API 将引发与您看到的错误类似的错误，因为这些 Web API 不存在于 Node.js 环境中。

要解决它，请确保在组件的 useEffect 中调用 new RTCPeerConnection()，这样它只会在客户端调用。

useEffect(() => {
    const pc = new RTCPeerConnection()
    // Rest of your logic here
}, [])