es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Cómo solucionar el paquete de angular material para el core y cdk en la versión 11.x.x

Estoy intentando empaquetar mi biblioteca de Angular, pero tengo dificultades para encontrar la versión correcta de @angular/material compatible con @angular/cdk@11.x.x y @angular/core@11.x.x

npm ERR! Encontrado: @angular/cdk@11.2.13
npm ERR! node_modules/@angular/cdk
npm ERR!   peer @angular/cdk@"^11.0.1" desde @angular-material-components/datetime-picker@5.0.3
npm ERR!   node_modules/@angular-material-components/datetime-picker
npm ERR!     peer @angular-material-components/datetime-picker@"~5.0.0" desde el proyecto raíz
npm ERR!
npm ERR! No se ha podido resolver la dependencia:
npm ERR! peer @angular/cdk@"10.2.7" desde @angular/material@10.2.7
npm ERR! node_modules/@angular/material
npm ERR!   peer @angular/material@"^10.2.7" desde el proyecto raíz

Si pongo "@angular/material": "^11.0.0" como peerDependencies, obtengo esto:

npm ERR! Encontrado: @angular/core@11.2.14
npm ERR! node_modules/@angular/core
npm ERR!   peer @angular/core@"^11.0.0" desde el proyecto raíz
npm ERR!   peer @angular/core@"^11.0.0 || ^12.0.0-0" desde @angular/material@11.2.13
npm ERR!   node_modules/@angular/material
npm ERR!     peer @angular/material@"^11.0.0" desde el proyecto raíz
npm ERR!
npm ERR! No se ha podido resolver la dependencia:
npm ERR! peer @angular/core@"12.2.13" desde @angular/animations@12.2.13
npm ERR! node_modules/@angular/animations
npm ERR!   peer @angular/animations@"^11.0.0 || ^12.0.0-0" desde @angular/material@11.2.13
npm ERR!   node_modules/@angular/material
npm ERR!     peer @angular/material@"^11.0.0" desde el proyecto raíz

He buscado en la documentación sin éxito, ¿alguien tiene la solución?

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Basándose en los mensajes de error, parece que @angular/material@10.2.7 requiere @angular/cdk@10.2.7, y @angular/material@11.2.13 requiere @angular/cdk@11.x.x. Por lo tanto, las versiones no son compatibles.

    Para encontrar la versión compatible de @angular/material, puedes utilizar el comando npm view para listar todas las versiones disponibles de @angular/material y sus dependencias.

    Por ejemplo, puedes ejecutar el siguiente comando para listar las versiones disponibles y sus dependencias:

    npm view @angular/material versions --json

    Luego, puedes comprobar las dependencias de cada versión para encontrar la que es compatible tanto con @angular/cdk@11.x.x como con @angular/core@11.x.x.

    Alternativamente, puedes intentar actualizar @angular/core y @angular/cdk a la última versión (12.2.13) y usar @angular/material@12.x.x, ya que parece ser compatible con ambos. Sin embargo, asegúrate de comprobar si las otras bibliotecas y dependencias de tu proyecto también son compatibles con las versiones más recientes de Angular.

Comments are closed.