[Solución] Ionic no se reconoce como un comando interno o externo programa o archivo por lotes ejecutable

¿La consola de tu IDE de desarrollo acaba de mostrar un error cómo este: Ionic no se reconoce como un comando interno o externo programa o archivo por lotes ejecutable y no sabes que hacer para darle solución?

Mi nombre es Aitor Sánchez, soy desarrollador de apps desde 2014, y en este artículo aprenderás cómo darle solución a este problema y a darle una patada en el culo la siguiente vez que aparezca, que lo hará.

Pero antes de continuar, esta es la Flutter Mafia. Es mi newsletter donde aprenderás desarrollo de apps móviles, aso y monetización junto con otros genietes que ya están dentro. Y si te suscribes te regalo mi ebook "Duplica los ingreso de tus apps en 5 minutos" No es broma, quizás te interese.

 

¿Por qué sucede este error?

Es un error que es tremendamente común entre las personas que están comenzando, no con Ionic, si no cómo desarrolladores más bien. Porque es posible que no solo te suceda con este Framework.

El problema es que no se ha agregado la variable de entorno que apunta a la carpeta de instalación de Ionic. Por lo que el sistema no consigue asociar el comando "ionic" con nada que pueda ejecutar.

 

¿Cómo se puede solucionar el error?

Lo que vamos a hacer para aplicar la variable de entorno es lo siguiente:

1. En el buscados escribimos "variable de entorno" o "environment variables".
2. Abrimos "Editar variable de entorno de esta cuenta".
3. Accedemos a "opciones avanzadas" > "variables de entorno" (es el último botón de la lista)
4. En "variables del sistema" buscamos la variable "Path" y la editamos.
5. Pulsamos en nuevo y agregamos los siguiente:
   1. <tu_unidad>:\<tu_grupo_de_usaurios>\<usuario>\AppData\Roaming\npm
   2. Mi ejemplo: C:\Users\ciber\AppData\Roaming\npm

 

Nota: Puedes acceder a la carpeta directamente ejecutando el siguiente comando con Windows + r: "%appdata%\npm" (sin las comillas).

Una vez dentro, copias la URI donde estás colocado y la agregas en el puto 5 de la lista si ves que no encuentras la manera de acceder.

Nota 2: Esto funcionará siempre y cuando hayas realizado una instalación de Ionic por defecto, si has cambiado el directorio de la instalación, esto no funcionará. Si es tu caso, reinstálalo con "npm install -g ionic" y sigue los pasos de nuevo.

 

Algo más que quizás te interesa

Mira, mejorando el logo de tu aplicación aumentan las descargas. Hasta ahí bien. Pues mira, si quieres ganar más dinero con tus apps ocasionado por esa mejora en los logos, hemos creado una herramienta para ti que te ayuda a evaluar, mejorar y optimizar tu logo y espiar los de la competencia. Más información aquí.

 

Sin nada más que agregar, me despido ya. Espero que te haya ayudado. Nos vemos en el siguiente artículo. Hasta entonces ¡que vaya bien!