Actualizar a Tailwindcss 4 en Laravel 11

1. Ejecutar

    npx @tailwindcss/upgrade
   

2. Instalar @tailwindcss/vite

    npm install @tailwindcss/vite
   

3. Importar las líneas comentadas

    import { defineConfig } from 'vite'
    import tailwindcss from '@tailwindcss/vite' // Esta línea
   
    export default defineConfig({
      plugins: [
        tailwindcss(), // y ésta
        // …
      ],
    })
   

4. Eliminar postcss.config.js

5. Agregar estas líneas en resources/css/app.css

    @import "tailwindcss";
   
    @source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
    @source "../../resources/views/*";
   

Referencias

• https://tailwindcss.com/docs/upgrade-guide#using-the-upgrade-tool

• https://tailwindcss.com/docs/installation/framework-guides/laravel/vite

• https://www.youtube.com/watch?v=sgAx6h-XCPM