Comandos del Proyecto

4/27

Lectura

Estos son los comandos de la aplicaci贸n que tenemos disponibles desde la terminal, cuando estamos en la carpeta del proyecto. Puedes verlos en el bloque de scripts del fichero package.json.
De momento solo estamos usando el de ejecutar el entorno de desarrollo, m谩s adelante explicaremos el resto:

...

Reg铆strate o inicia sesi贸n para leer el resto del contenido.

Aportes 12

Preguntas 3

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

Les va a salir otro error. Uno relacionado con el logo de Vue.
Para corregirlo deben ir a
views/Home/Index.vue
Linea 3
esto

<img alt="Vue logo" src="../assets/logo.png">

lo remplazan por

<img alt="Vue logo" src="../../assets/logo.png">

Y listo, a seguir!

Sino eliminaron el contenido del template por defecto al instalar todo, les generar谩 un error tambi茅n el logo de Vue, Lo pueden eliminar o le modifican la ruta para arreglarlo y dejar todo funcional

    <img alt="Vue logo" src="../../assets/logo.png">

No se si al momento de la creaci贸n del curso a煤n era necesario, pero actualmente ya no es necesario especificar la extensi贸n .vue al importar los componentes.

A煤n as铆 se me hace un poco raro el hecho de trabajar una carpeta para cada componente, al menos en el editor de c贸digo podr铆a volverse un l铆o el tener abierto dos componentes que se llamen Index.vue

Les va a salir otro error y es porque no encuentra el logo de VUE ya que su direcci贸n tambien a cambiado. este est谩 dentro de la vista Home.

un tip para no complicarnos con las rutas es definiendolas con @ p.e 鈥淍/views/Home/Index.vue鈥

Agregu茅 un nuevo comando : 鈥渄ev鈥 en los scripts que me permite por el momento correr el linting y levantar mi entorno.

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "test:unit": "vue-cli-service test:unit",
    "test:e2e": "vue-cli-service test:e2e",
    "lint": "vue-cli-service lint",
    "dev": "npm run lint & npm run serve"
  },

Si lo hacen con PhpStorm lo refactoriza solo 馃槃

ya no es necesario especificar la extensi贸n .vue

Tengo dos preguntas
驴Pasa algo si uso min煤sculas en el nombre de index.vue?
En la importaci贸n de los componentes en lugar de escribir la ruta completa simplemente estoy escribiendo el nombre de la carpeta y ya, por defecto resuelve en el index.vue, 驴si est谩 bien as铆? Es una costumbre que traigo de otros frameworks.

Alguno sabe a qu茅 puede deberse el siguiente error:

Uncaught ReferenceError: exports is not defined
<anonymous> vue-router.esm-bundler.js:2306
<anonymous> vue-router.esm-bundler.js:3375
js chunk-vendors.js:4913
webpack_require app.js:854
fn app.js:151
<anonymous> index.js:4
js app.js:1229
webpack_require app.js:854
fn app.js:151
<anonymous> main.js:12
js app.js:1217
webpack_require app.js:854
fn app.js:151
1 app.js:1290
webpack_require app.js:854
checkDeferredModules app.js:46
<anonymous> app.js:994
<anonymous> app.js:997

驴Existe alg煤n problema si en lugar de mixins llego a utilizar composables con el Composition API para Vue 2?

si les da problemas el about.vue en vue.config.js agreguen const { defineConfig } = require('@vue/cli-service')module.exports = defineConfig({聽 transpileDependencies: true,聽 lintOnSave: false})

Compa帽eros ayuda!!! tengo este problema y por m谩s que he luchado no encuentro el problema:

Hice el cambio el views y el router y sali贸 el error, prob茅 dejar los archivos como estaban y al cambiar algo me volvi贸 a salir, realic茅 un npm run lint o npm install por si eran problemas con alguna dependencia y sigue sin funcionar. Ayuda!!! Cambiando o dejando igual lo que vimos la clase pasada de la versi贸n de babel tampoco se soluciona.