0
1.5K
VistasLa actualización de Angular 11 a 12 provoca un conflicto de dependencia entre pares
Actualmente estoy actualizando de Angular 11.2.14 a Angular 12.0.5 y me encuentro con el siguiente problema:
npm ERR! Could not resolve dependency: npm ERR! dev @angular-devkit/build-angular@"12.0.5" from the root project npm ERR! npm ERR! Conflicting peer dependency: @angular/compiler-cli@12.0.5 npm ERR! node_modules/@angular/compiler-cli npm ERR! dev @angular/compiler-cli@"12.0.5" from the root project npm ERR! peer @angular/compiler-cli@"^12.0.0" from @angular-devkit/build-angular@12.0.5 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"12.0.5" from the root project npm ERR! 2 more (@angular/localize, ng-packagr) npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. ¿Tengo razón si asumo que esto se debe a que hay un conflicto entre la versión 12.0.5 y la 12.0.0 y son incompatibles? Todas mis dependencias tienen ahora la misma versión, ¿por qué hay un conflicto presente?
paquete.json
"@angular-builders/custom-webpack": "12.1.0", "@angular-devkit/build-angular": "12.0.5", "@angular/animations": "12.0.5", "@angular/cdk": "12.0.5", "@angular/cli": "12.0.5", "@angular/common": "12.0.5", "@angular/compiler": "12.0.5", "@angular/compiler-cli": "12.0.5", "@angular/core": "12.0.5", "@angular/flex-layout": "11.0.0-beta.33", "@angular/forms": "12.0.5", "@angular/language-service": "12.0.5", "@angular/material": "11.2.13", "@angular/platform-browser": "12.0.5", "@angular/platform-browser-dynamic": "12.0.5", "@angular/router": "12.0.5",¡Muchas gracias!
5 Respuestas
Responde la pregunta0
Tuve este mismo problema que era confuso como principiante.
Inicialmente probé este comando, pero acabo de recibir otro error
ng update @angular/cli @angular/coreLuego encontré este enlace https://github.com/angular/angular-cli/issues/20843 y una persona dijo que hiciera este comando global cli, esto pareció haber solucionado el problema al crear un nuevo proyecto
npm i @angular/cli -gAhora puedo crear mi nuevo comando de proyecto, por ejemplo:
ng new example --routing false --style css --skip-git --skip-tests 
0
Tuve que usar npm v6 para hacer una actualización exitosa:
npm -gi npm@^6 npm i ng update @angular/cli@^12 @angular/core@^120
Actualice su tsconfig.json y luego ejecute
sudo npm install --force0
Downgrad npm v6, probé un montón de comandos después de buscar en Google con éxito ahora
npm -gi npm@^6 npm i ng update @angular/cli@^12 @angular/core@^120
Recibí el mismo error en cada actualización angular de la versión cuando usé la guía de actualización oficial https://update.angular.io/ y ordené npx @angular/cli@12 update @angular/core@12 @angular/cli@12. Después de buscar en Google e intentarlo durante mucho tiempo, encontré la siguiente forma de actualizar el material angular y angular (ejemplo para la actualización 10 a 11):
npx @angular/cli@11 update @angular/core@11 @angular/cli@11obteniendo un error de asunto
eliminar node_modules y package-lock.json
npm installConfirmar
ng update @angular/core@11 --migrate-only --from 10 --to 11Confirmar
ng update @angular/cli@11 --migrate-only --from 10 --to 11Confirmar
npx @angular/cli@11 update @angular/material@11 @angular/flex-layout@11.0.0-beta.33