Soy nuevo en Laravel y Vite. Quiero crear distintos archivos .js para tener cierto orden en los scripts. El problema es que no sé cómo llamar a las funciones de estos scripts desde las vistas.
Por ejemplo, tengo resources/js/calendar.js que contiene un calendario que quiero llamar desde clockin.blade.php. Clockin.blade.php extiende app.blade.php que contiene @vite(['resources/sass/app.scss', 'resources/js/app.js', 'resources/js/calendar.js'])
en el head.
De esta manera si pongo console.log("hola mundo");
en calendar.js y accedo a clockin.blade.php, la consola muestra "hola mundo". Sin embargo, si el console.log lo meto dentro de una función:
function holaMundo(){
console.log("hola mundo");
}
Y la llamo desde clockin.blade.php:
<script>
holaMundo();
</script>
En consola me sale el error fichaje:62 Uncaught ReferenceError: holaMundo is not defined
.
He probado a meter el script dentro de @push('scripts') pero nada.
También he probado a poner <script src="/resources/js/calendar.js">
y otras rutas relativas pero siempre sale el error http://127.0.0.1:8000/resources/js/calendar.js net::ERR_ABORTED 404 (Not Found)
. He probado muchas cosas más pero sin ningún resultado.
He probado a usar el helper asset dentro de la etiqueta pero claro, eso busca calendar.js en la carpeta public cuando está en resources.
Qué tengo que hacer para poder llamar a las funciones de los distintos .js?