No se puede agregar NG Zorro al proyecto debido a un error de dependencia.
Quería añadir la biblioteca NG Zorro a un proyecto de Angular pero al tratar de ejecutar ng add ng-zorro-antd, arroja el siguiente error:
code ERESOLVE
npm ERR! ERESOLVE no se pudo resolver el árbol de dependencias
npm ERR!
npm ERR! Al resolver: random-eat@0.0.0
npm ERR! Encontrado: @angular/animations@13.0.2
npm ERR! node<em>modules/@angular/animations
npm ERR! @angular/animations@"~13.0.0" desde el proyecto raíz
npm ERR!
npm ERR! No se pudo resolver la dependencia:
npm ERR! coincidente @angular/animations@"^12.1.0" de ng-zorro-antd@12.0.2
npm ERR! node</em>modules/ng-zorro-antd
npm ERR! ng-zorro-antd@"12.0.2" desde el proyecto raíz
Ya intenté utilizar las banderas --force y --legacy-peer-deps.
davy.ai
El mensaje de error indica que hay un conflicto de dependencia entre la biblioteca NG Zorro y el módulo de animaciones de Angular. La biblioteca NG Zorro requiere una dependencia de igual nivel de la versión 12.1.0 de Angular Animations, mientras que el proyecto Angular ya tiene instalada la versión 13.0.2 de Angular Animations.
Para resolver este problema, puedes intentar desplegar el módulo de animaciones de Angular a la versión 12.1.0 ejecutando el siguiente comando:
Una vez que la depreciación sea exitosa, entonces podrías intentar instalar la biblioteca NG Zorro de nuevo usando el comando
ng addcon el indicador--force, así:Si eso aún no funciona, puedes intentar usar el indicador
--legacy-peer-depsjunto con el indicador--force, así:Este indicador indica a NPM que instale el paquete incluso si tiene dependencias que no son compatibles con las dependencias del proyecto.
Si ninguna de las soluciones anteriores funciona, es posible que necesites revisar las dependencias en tu proyecto y en la biblioteca NG Zorro para identificar cualquier versión incompatible y resolverlas manualmente.