Jetstream: personalización

Curso de Single Page Applications en Laravel con Inertia y Vue.js

Cursos Empresas Blog Live Conf Eventos Precios

0:007:42

Jetstream: personalización

Curso de Single Page Applications en Laravel con Inertia y Vue.js

Clase 7 de 20

Clase 7 / 20

Luis Humberto Osorio Quiceno

Hace 4 años

Un saludo. Estoy con Laravel 9, Vue 3 y Vite Cuando corro php artisan serve me carga, sin cambios. Cuando corro npm run dev, me carga sin cambios. Cuando correo pnm run watch no hace nada, no lo tengo configurado.

No logro entender como hacer para que funcione con los cambios. Una manita, please!!!

Gracias.

Kenneth Angulo L

Hace 4 años

En L9 cuando se ejecuta

npm run dev

se llama a los scripts de vite y estos compilan y se quedan en modo watch para atender a los cambios que hagas, esto esta configurado en: package.json

    "scripts": {
        "dev": "vite",
        "build": "vite build"
    },

y el archivo de configuracion se vite, vite.config.json debe tener indicado que como entrada chekea la carpeta resources/js y eso es lo que re-compila cada vez que hagas cambios:

    plugins: [
        laravel({
            input: 'resources/js/app.js',
            refresh: true,
        }),
        vue({
            template: {
                transformAssetUrls: {
                    base: null,
                    includeAbsolute: false,
                },
            },
        }),
    ],

Todas estas configuraciones vienen por defecto con la instalaciondel ambiente de trabajo con jetstream. . Si esto no esta funcionando correctamente o si tienes algun otro mensaje de error, favor compartelo por aqui. . Me inclino por pensar que tengas algun problema con la version del NPM o de node.js, recomiendo actualizar ambas herramientas y ejecutes de nuevo

npm install  

y luego 

npm run dev

Comentarios (20)20 comentarios

Carlos Eduardo Gomez García

Hace 6 años

Tony Manuel Ojeda Vela

Enrique Gamboa

María Sierra

Jimmy Buriticá Londoño

Omar Villafuerte

Jorge Bou-saad

Cristobal Nyram

Manuel Ojeda

Nelson Junior Moncada Pirela

Santiago Velásquez Serna

Hace 3 años

Mauricio Acevedo Rueda

Jairo Niño

Brian Sánchez Izquierdo

Seba Cardoso

Hace 3 meses

David Quelal

Bryan Ramon Useche Tapias

Hace 2 años

Eduardo José Bastos

Celso Ccoropuna Salas

Fernando Dodero

Jose Alejandro Gonzalez Rondon

Juan David Gonzalez Revelo

Introducción

Cómo aprenderás a crear SPAs en Laravel

Introducción a Jetstream

Proyecto

Conoce qué SPA vas a construir

Configuración inicial

Sistema basado en componentes

Jetstream: configuración inicial

Jetstream: personalización

Listado de notas: configuración inicial

Listado de notas: personalización

Vista detalle de nota

Formulario de editar

Código de actualizar

Formulario de crear

Código de guardar

Función de eliminar

Flash message

Buscador

Conclusión

Repaso final

Despedida

Clase bonus: nunca parar de aprender

Jetstream: personalización

Progreso del curso

Introducción

Proyecto

Conclusión