Diablos chicos,

Estoy usando Laravel 9 y quiero usar sweetalert2 y filepond en mi proyecto. Instalé los complementos mencionados a través de npm. Este es mi archivo app.js

 import './bootstrap'; import Alpine from 'alpinejs'; import * as FilePond from 'filepond'; import Swal from 'sweetalert2'; import 'filepond/dist/filepond.min.css'; window.Alpine = Alpine; window.FilePond = FilePond; window.Swal = Swal;

También incluí esto en la etiqueta principal.

 @vite(['resources/css/app.css', 'resources/js/app.js'])

También ejecuto este comando en la terminal sin ningún error.

 npm run dev

Esta es mi etiqueta de script para sweetalert2.

 @if(Session::has('status')) // This works but I don't want it -> {{-- <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script> --}} // This one is not working <script> Swal.fire({ toast: true, position: 'top-end', icon: 'success', title: "{{Session::get('status')}}", showConfirmButton: false, timer: 1500 }) </script> @endif

Esta es mi etiqueta de script para filepond.

 <script> // Get a reference to the file input element const inputElement = document.querySelector('input[type="file"]'); // Create a FilePond instance const pond = FilePond.create(inputElement); </script>

También recibo este error después de usar sweetalert2 o filepond

• Error de referencia no capturado: Swal no está definido
• Error de referencia no capturado: FilePond no está definido

¿Es por la vite?

¿Cómo puedo arreglar esto?

Usé sweetalert2 en mi proyecto anterior en Laravel 8.x y estaba funcionando y el archivo app.js se veía así.

 require('./bootstrap'); window.Swal = require('sweetalert2') import Alpine from 'alpinejs'; window.Alpine = Alpine; Alpine.start();

Esta función de solicitud no funciona en Laravel 9.2 y aparece el mismo error. La solicitud no está definida.