如何解决在nextjs中从'agora-rtc-sdk-ng'导入AgoraRTC时未定义窗口
我在导入 agora.io 时收到一个错误窗口未定义。
解决方法
AGORA 使用“window”对象,它是一个客户端对象,Next JS 在服务器端呈现。所以你需要使用“动态”进行客户端渲染。通过 Dynamic,您可以在客户端导入文件以使其正常工作。
您应该复制整个 Agora 代码并将其放入一个文件中。
例如,在我的情况下,我将它放在“../components/agoraclientside.js”
所以在我的 index.js 文件中我写道:
import dynamic from "next/dynamic";
const ClientSideControls = dynamic(
() => {
return import("../components/agoraclientside");
},{ ssr: false }
);
然后在您的返回函数中使用 <ClientSideControls />
请按如下所示导入
const AgoraRTC = (await import('agora-rtc-sdk-ng')).default
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。