Preguntas frecuentes

A continuación, se proponen una serie de categorías en las cuales clasificar las preguntas que en el proceso de desarrollo han surgido y se han resuelto.

Errores de build en la librería

Problema: uncaughtException [Error: EPERM: operation not permitted, open 'C:\Users\....']

Hasta el momento ese error solamente ha sido causado cuando se intenta hacer build mientras se está ejecutando el storybook, durante el build aparece el siguiente error:

//Creating an optimized production build ...
uncaughtException [Error: EPERM: operation not permitted, open 'C:\Users\...'] {
  errno: -4048,
  code: 'EPERM',
  syscall: 'open',
  path: 'C:\\Users\\User.INLZDEV408\\Documents\\repositories\\next\\land-jobs-inlaze\\.next\\trace'
}
 ELIFECYCLE  Command failed with exit code 1.

Solución:

• Dejar de ejecutar el servidor local del storybook y ejecutar nuevamente el npm run libs:build

• Ejectuar nx reset, borrar el folder dist si ya existe, dejar de ejecutar el servidor local del storybook y ejecutar nuevamente el npm run libs:build.

Errores de compilación en otros proyectos que pueden llegar a ser causados por la librería

Problema: .jsxDev is not defined

Habitualmente sucede cuando un componente de la librería intenta acceder a una propiedad de document o window, como por ejemplo window.location, aún incluso cuando ese componente se defina como client component con la directiva "use client"

Solución:

Hasta el momento no se ha conseguido hacer que un componente de la librería tenga acceso al DOM del cliente por medio de los métodos nativos del navegador, sino por medio de hooks nativos de React. Pues, aunque al desarrollar el componente funcionen correctamente al hacer pruebas en el storybook, document y window son undefined desde otro proyecto que importe la libreria. En ese caso, se recomienda revisar si hay algún componente de la librería usa atributos document y window y reemplazarlos por hooks u otra clase de soluciones de React con el mismo propósito.