Estoy trabajando con Laravel 8 y tengo un master.blade.php que es así:
<!DOCTYPE html> <html> <head> <!-- including scripts and stylesheets --> </head> <body> @yield('content') <script src="/plugins/jquery/jquery.min.js"></script> @stack('scripts') </body> </html> Luego, en content.blade.php , agregué esto como mi contenido dinámico:
@extends('admin.master') @section('content') {{ $title }} ... {{ $slot }} @endsectionDespués de eso, creé un archivo nuevo y usé los componentes de esta manera:
@component('admin.layouts.content' , ['title' => 'example file']) @slot('breadcrumb') <li class="breadcrumb-item active">Example File</li> @endslot ... @endcomponent @push('scripts') <script> console.log(1); // to check if the js codes can be run on page </script> @endpush ¡Pero el problema es que @push('scripts') no funciona en absoluto! Lo que significa que esta forma de incluir códigos Javascript es incorrecta.
Entonces, ¿cómo puedo incluirlos correctamente en mi página de ejemplo?
Tenga en cuenta que no quiero incluir códigos js en content.blade.php porque se carga en cada página.
Puede intentar intercambiar el orden de @push y @component
@push('scripts') <script> console.log(1); // to check if the js codes can be run on page </script> @endpush @component('admin.layouts.content' , ['title' => 'example file']) @slot('breadcrumb') <li class="breadcrumb-item active">Example File</li> @endslot ... @endcomponent Supongo que tiene algo con la forma en que se analizan y compilan los archivos blade. Así que cuando @component | <x-component> viene antes de @push , lo que probablemente sucede es que el motor del compilador blade procesa el componente y luego no hay un marcador de posición para que la directiva @push fusione los contenidos en la pila.
Enfrentó un problema similar una vez y aprendió que al usar componentes, @push debe venir antes que @component | <x-component> : el orden es importante cuando se usan pilas con componente.
Debe agregar su etiqueta de script @push('scripts') en content.blade.php después de @endsection