Pasos para publicar tu aplicación en Vue CLI 3

Luego de terminar de desarrollar tu aplicación en VueJs con ayuda de Vue CLI, se puede exportar o publicar tu aplicación en un servidor, para ello debemos preparar los archivos, acá te enseño como y cuales son los primeros errores que topamos.

Todos hemos usado esta ventana de desarrollo para “levantar” nuestro servidor local

configuración de Vue Cli 3

Ahora lo primero que debemos hacer es cambiar el ámbito de servicio, Darle detener tarea y luego ir a parámetros

Una vez acá, debemos cambiar el entorno para completar las pruebas, ubica el modo de entorno y cámbialo a Production Y luego ejecutamos la tarea

configuración de Vue Cli 3

Acá nos topamos con el gran error que nos impide acabar.

Vue cli build fallado
Vue cli ha fallado

En mi caso que es una aplicación sencilla, solo se modificó unas pequeñas cosas de la plantilla base, todo debería correr normal, pero no es así. Vemos la consola de salida y me indica lo siguiente:

Error: No module factory available for dependency type: CssDependency

error cssDependency de vue cli 3

Bla, bla, bla, no hay un módulo CSSDependency, y qué es esto? Básicamente, no tenemos quien extraiga los css y los comprima.

La solución al problema es ir al menu de Configuración

Ubica Extraer CSS y desactívalo en el botoncito verde, luego guardas cambios, vuelve a intentar nuevamente todo el procedimiento

Y ya podrás usar el entorno de producción y el Build ya para la publicación de tu aplicación.

Y finalmente ya obtenemos nuestros archivos en la carpeta dist.

Recuerda: Que todo los archivos se deben subir en una ruta maestra por ejemplo: infocatsoluciones.com o en un subdominio app.infocatsoluciones.com

Recuerda 2: Los archivos generados en dist, no pueden ser ejecutados como archivos directos, siempre deben correr sobre un servidor HTTP/HTTPS

Síguenos en Facebook

Síguenos en Youtube

Categorías

Categorías