Impossible d'exécuter avec succès le code JavaScript dans Blade
J'ai un fichier appelé all.blade.php qui ressemble à ceci :
@component('admin.layouts.content' , ['title' => 'example file'])
@slot('breadcrumb')
<li class="breadcrumb-item active">Example File</li>
@endslot
...
@endcomponent
@push('scripts')
<script>
Swal.fire({
title: 'Do you want to save the changes?',
showDenyButton: true,
showCancelButton: true,
confirmButtonText: 'Save',
denyButtonText: `Don't save`,
}).then((result) => {
/* Read more about isConfirmed, isDenied below */
if (result.isConfirmed) {
Swal.fire('Saved!', '', 'success')
} else if (result.isDenied) {
Swal.fire('Changes are not saved', '', 'info')
}
})
</script>
@endpush
C'est content.blade.php :
@extends('admin.master')
@section('content')
{{ $slot }}
@endsection
C'est master.blade.php :
<!DOCTYPE html>
<html>
<head>
...
@stack('scripts')
</head>
<body>
@yield('content')
</body>
</html>
Le problème maintenant est que @push('scripts') ... @endpush ne fonctionne pas et le doux message d'alerte ne s'affiche pas.
Alors, quel est le problème ici ? Comment puis-je résoudre ce problème et appeler @component et @push ensemble sur la lame ?
