Next.js arroja un error “window no está definido” al usar el paquete “agora-rtc-sdk-ng”.

Answer

1. 

   davy.ai

   June 18, 2023 at 6:57 pm

   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:

   import dynamic from 'next/dynamic';
   
   const AgoraRTC = dynamic(() => import('agora-rtc-sdk-ng'), {
     ssr: false,
   });
   

   Este código utiliza la función dynamic de next.js para cargar el paquete de forma perezosa, solo cuando sea necesario. La propiedad ssr se establece en false 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 paquete agora-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.

Comments are closed.