Cómo solucionar problemas comunes del Angular CLI

Última actualización: 17 octubre, 2020

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

THE END!

Espero que hayas aprendido algo nuevo 😊.  Si te queda alguna duda, ¡nos vemos en los comentarios!

Si quieres ayudar a hacer este blog sostenible, puedes invitarme a un café digital ツ
¡Gracias!¡Gracias!

Sobre la autora de este post

Soy Rocío, una abogada reconvertida en programadora. Soy una apasionada de aprender cosas nuevas y ferviente defensora de que la única manera de ser feliz es alcanzando un equilibrio entre lo que te encanta hacer y lo que te saque de pobre. Mi historia completa, aquí. 

Más recursos de aprendizaje

En mi experiencia, la manera más eficaz para aprender Angular es combinando varias vías de aprendizaje. Uno de mis métodos favoritos son los vídeo-cursos y mi plataforma predilecta para eso es Udemy. He hecho varios cursos pero sólo recomiendo aquellos que verdaderamente me han sido útiles. Aquí van:

angular the complete guide - curso Max S.

  Max Schwarzmüller

curso angular fernando herrera

   Fernando Herrera

Si necesitas apoyo en forma de libro, puede que éstos te sirvan de ayuda:

libro 1 angular
libro 2 angular

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 😌.

Participo en el programa de afiliados de Udemy y Amazon, lo que significa que, si compras alguno de estos cursos y/o libros, yo me llevaré una pequeña comisión y a ti no costará nada extra. Vamos, lo que se dice un win-win 😊.

Otros artículos que pueden interesarte

Guía de iniciación al data binding en Angular
¿Qué es el databinding?El databinding es la forma que tiene Angular para permitirnos mostrar contenido dinámico en lugar de estático (en inglés, hardcoded). Podríamos[...]
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[...]
Si crees que este post puede serle útil a alguien, por favor, ¡compártelo!:

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