He estado tratando de usar la importación dinámica en Nextjs para usar la biblioteca de pantalla completa, pero no ha funcionado.
import dynamic from "next/dynamic" import screenfull from 'screenfull'; const Screenfull = dynamic(()=>{return import("screenfull")},{})
puede crear un archivo en la carpeta @utils
con el siguiente código:
import screenfull from 'screenfull'; export default screenfull
luego en tu componente haz algo así:
import dynamic from 'next/dynamic'; const screenful = dynamic(() => import('../@utils/screenfull'))
La primera pregunta que viene a la mente es ¿cuál es el error que está recibiendo? ¡No hay ninguna razón por la que no pueda importar ninguna biblioteca que haya installed
localmente! ¿Realmente instaló ese paquete ejecutando npm install screenfull
en su terminal?
Está utilizando las importaciones dinámicas incorrectamente. La idea es que puede importar parte de un módulo JS dentro de otra pieza de código JS, por lo que no tiene que precargar o cargar toda la biblioteca. Un ejemplo podría ser realizar una importación dinámica después de una llamada asíncrona.
A continuación, encontrará algunos otros excelentes ejemplos de cómo usar esta funcionalidad en su aplicación.