En este post te daré la posible solución a un problema que se presenta al usar Node.js, Vue, la Vue CLI y ejecutar el comando npm run serve. En mi caso se quedaba al 40 % y no avanzaba más allá de eso.

WAIT Compiling… 40% building 1/2 modules 1 active

Solución

Este es un problema del lado del programador, ya que en varios lugares se menciona que los componentes de Vue deben estar encerrados en un contenedor además de template.

El componente que causaba este problema con la Vue CLI en mi caso era así:

<template>
<h1>Hola</h1>
<h1>Hola</h1>
</template>

En este caso solo tengo dos etiquetas, pero fíjate en que no están contenidas dentro de alguna otra etiqueta. Esto se puede solucionar fácilmente con:

<template>
  <div>

    <h1>Hola</h1>
    <h1>Hola</h1>
  </div>
</template>

Como puedes ver, ahora están dentro de un div.

Ya para el caso de la Vue CLI, debes presionar CTRL + C para detener el proceso, pero además matarlo desde el administrador de tareas (porque seguirá ocupado el puerto 8080 o el que uses para servir la app).

Lo que yo recomiendo (aunque suene absurdo) es detener el proceso y reiniciar el sistema una vez que hayamos arreglado el componente, así todo inicia fresco.