angular cli tips and tricks

Cómo solucionar problemas comunes del Angular CLI

Última actualización:

Problema

¿Te ha pasado alguna vez que, al intentar escribir un comando del Angular CLI, a sabiendas de que lo tienes instalado, te ha dado este error?

C:\Users\User\workspace\my-first-app (master -> origin) λ ng version 'ng' is not recognized as an internal or external command, operable program or batch file.

😵

A mí sí, y la falta de información sobre por qué pasa esto puede ser frustrante. Normalmente sucede porque NodeJS, npm o Angular CLI sacan una nueva versión, causando algún tipo de conflicto en tu PC que hace que tu terminal no reconozca más los comandos de Angular CLI.

Solución paso por paso

 Aquí te traigo la solución en 7 sencillos pasos.

1. Comprueba tu versión de NodeJS introduciendo en tu terminal el comando:

node -v

y a continuación, desinstala NodeJS de tu pc a través del panel de control.

Comprueba que la desinstalación ha tenido éxito usando el mismo comando de arriba. Te debería salir algo así:

λ node -v 'node' is not recognized as an internal or external command, operable program or batch file.

2. Ve a la web de NodeJS y descarga e instala la versión de la izquierda, la que dice "Recomendado para la mayoría".

Comprueba que la instalación ha tenido éxito usando el comando de arriba, que ahora debería devolverte la versión de NodeJS que acabas de instalar. 

3. Cierra y abre la terminal como administrador y actualiza npm usando el comando:

npm install -g npm

Hecho esto, si ahora ejecutas en la terminal ng version, ya deberías tener Angular CLI instalado correctamente. Te debería salir algo así:

angular cli version

Pero si aún sigue sin funcionarte, pasa al paso siguiente.

4. Desinstala Angular CLI usando el comando:

npm uninstall -g angular-cli @angular/cli

5. Limpia la memoria cache utilizando el comando:

npm cache clean --force

6. Instala Angular CLI usando el comando:

npm install -g @angular/cli

7. Con esto debería ser suficiente para que Angular CLI se haya instalado correctamente en tu pc. Para comprobarlo, usa el comando:

ng version

y ahora sí, debería devolverte algo así:

angular cli version

😎 👩‍🎓

¡Y ESTO ES TODO AMIGOS!

Más recursos de aprendizaje

Aprender Angular a través de tutoriales web y cursos online está genial, pero si necesitas un apoyo en forma de libro, puede que éstos te sirvan de ayuda:

La programación es un mundo que evoluciona a una velocidad de vértigo. Los autores de estos libros lo saben, por eso suelen encargarse de actualizar su contenido regularmente. Asegúrate de que así sea antes de adquirirlos 😌.

THE END!

Espero que hayas aprendido algo nuevo 😊.  Si te queda alguna duda, ¡nos vemos en los comentarios! Y si crees que este post puede serle útil a alguien, ¡compártelo!

Otros artículos que pueden interesarte

Días del 353 al 386
Objetivos versus realidad Y nuevamente, llegó otro día clave. Llegó…y pasó. El pasado 4 de marzo este Reto Computer Geek[...]
Angular: Entendiendo la Directiva ngModel
Angular es un framework que nos permite, entre otras cosas, añadir contenido dinámico a nuestros archivos HTML. Una de las formas[...]
Días del 2 al 4
"Si buscas resultados distintos no hagas siempre lo mismo" - Albert EinsteinEstos días estoy aprendiendo a hacer loops en JavaScript[...]

Deja un comentario

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Como toda web legal que se precie, utilizamos cookies para asegurar que damos la mejor experiencia al usuario en nuestro sitio web. Si continúas utilizando este sitio asumiremos que estás de acuerdo. más información

Los ajustes de cookies de esta web están configurados para "permitir cookies" y así ofrecerte la mejor experiencia de navegación posible. Si sigues utilizando esta web sin cambiar tus ajustes de cookies o haces clic en "Aceptar" estarás dando tu consentimiento a esto.

Cerrar