
Desarrollé una app en Next.js la cuál me encantó por ser un refactor de otra app cuyo look and feel lo hizo la practicante de la empresa y como se imaginarán, quedó con varios errores, no sólo en la interfaz gráfica sino también la lógica dentro del código; pero al intentar subirla una Azure Static Web App, el pipeline de CI/CD de Azure se rompió mostrando el siguiente error:
npm error code ERESOLVE
npm error While resolving: @azure/msal-react@3.0.6
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error peer react@">=16.8.0" from @react-oauth/google@0.12.1
npm error node_modules/@react-oauth/google
npm error @react-oauth/google@"^0.12.1" from the root project
npm error 4 more (next, react-dom, react-showdown, styled-jsx)
npm error
npm error Could not resolve dependency:
npm error peer react@"^16.8.0 || ^17 || ^18" from @azure/msal-react@3.0.6
npm error node_modules/@azure/msal-react
npm error @azure/msal-react@"^3.0.6" from the root project
npm error
npm error Conflicting peer dependency: react@18.3.1
npm error node_modules/react
npm error peer react@"^16.8.0 || ^17 || ^18" from @azure/msal-react@3.0.6
npm error node_modules/@azure/msal-react
npm error @azure/msal-react@"^3.0.6" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
Este error básicamente lo que nos está diciendo es que existe un error entre las versiones de las dependencias que componen la App. Después de darle un poco de vueltas a la solción me fijé que dentro del mismo error sugieren usar el comando '--legacy-peer-deps', pero, ¿Cómo enviarle al pipeline de Azure este comento durante el deploy de la app?
Pues resulta que es muy facil, para empezar creé en la raíz del proyecto un archivo con extensión
.npmrcy dentro de él coloqué el respectivo comando:
legacy-peer-deps=true, posteriormente lo he subido ¡y listo! ha funcionado de maravilla, ahora mi aplicación está viento en popa.
Publicar un comentario