Jetstream: personalización

Proyecto

Luis Humberto Osorio Quiceno

student•

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

student•

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

Jetstream: personalización

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