Publicado el 16.05.2021 a las 22:44
Actualiza tu aplicación Angular a la versión 12
Podemos ver qué versión de Angular es con la que estamos trabajando de las siguientes formas:
Abriendo el package.json, en la sección de las dependencias encontraremos el Angular Core y ahí podremos ver la versión de Angular
"dependencies": { "@angular/animations": "~11.0.0", "@angular/cdk": "^11.0.3", "@angular/common": "~11.0.0", "@angular/compiler": "~11.0.0", "@angular/core": "~11.0.0",
Ejecutando la aplicación y en con las herramientas de depuración del navegador, podremos ver en la inspección de elementos el ng-version
<app-root _nghost-serverapp-c137="" ng-version="11.0.0">...
Ejecutando el comando ng version en la consola en el directorio de trabajo, ello te facilitará toda la información de tu proyecto de Angular
Voy a seguir las recomendaciones del equipo de Angular en su página de actualización de Angular
Para actualizar mi aplicación de Angular 11 a Angular 12 que incluye Angular Material seguiré los siguiente pasos:
ng update @angular/core@12 @angular/cli@12
ng update @angular/material
Te recomiendo actualizar tu Angular CLI de manera global y así, cada vez que crees un proyecto nuevo lo harás con la última versión de Angular
Desinstala Angular CLI
npm uninstall -g @angular/cli
Limpia el cache de npm, y así cuando instalemos la nueva versión de Angular CLI nos aseguramos de que está limpia
npm cache clean --force
Instala la última versión estable de Angular CLI
npm i -g @angular/cli
Comprueba que se ha instalado la última versión
ng --version
Puedes encontrar más información acerca de Angular CLI en su página oficial de npm
Package '@angular/core' is not a dependency; es posible que no tengas la carpeta node_modules debido a que has clonado el repositorio. Para solventarlo instala las depencias de proyecto con:
npm install
Hasta luego 🖖