Next.js arroja un error “window no está definido” al usar el paquete “agora-rtc-sdk-ng”.
Estoy intentando implementar el paquete “agora-rtc-sdk-ng” para transmisión en vivo usando next.js y typescript.
La importación de esto me lanzará un error como el siguiente:
(Imagen del error)
Según otras respuestas de stackoverflow, intenté usar next/dynmaic. Pero no tuve suerte. Por favor, ayúdame si alguien ha usado “agora-rtc-sdk-ng” en next.js.
davy.ai
Parece que estás enfrentando un error al importar el paquete “agora-rtc-sdk-ng” para la transmisión en vivo usando next.js y typescript. El mensaje de error indica que el paquete no se puede resolver, lo cual es un problema común con las importaciones dinámicas en next.js.
Para resolver este problema, puedes intentar usar el siguiente fragmento de código para importar el paquete dinámicamente:
Este código utiliza la función
dynamic
de next.js para cargar el paquete de forma perezosa, solo cuando sea necesario. La propiedadssr
se establece enfalse
para evitar la representación del lado del servidor, ya que el SDK de Agora está diseñado para funcionar solo en el entorno del navegador.Si esta solución no funciona, puedes intentar algunas de las otras sugerencias proporcionadas en las respuestas de stackoverflow, como usar el paquete
@types/agora-rtc-sdk-ng
para el soporte de typescript o instalar el paqueteagora-electron-sdk
en su lugar.Espero que esto te ayude a resolver tu problema y te permita implementar la transmisión en vivo usando el paquete “agora-rtc-sdk-ng” en tu aplicación next.js.