Laravel Livewire - 如何让 @push 工作？

Question

不知道我在这里错过了什么，但我所做的一切似乎都不允许@push('styles')或@push ('scripts')不起作用。

layout/app.blade.php包括：

...

 @livewireStyles

...

 @livewireScripts

...

livewire/tagify.blade.php

@push('styles')
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@yaireo/tagify@3.11.1/dist/tagify.min.css">


@endpush

@push('scripts')
  <script src="https://cdn.jsdelivr.net/npm/@yaireo/tagify@3.11.1/dist/tagify.min.js"></script>
  <script>
  document.addEventListener("DOMContentLoaded", function(event) {

    var input = document.getElementById('tagify')
    var tagify = new Tagify(input, {
      whitelist : [
        @foreach($tags as $tag)
          '{{ $tag }}'@if(! $loop->last), @endif
        @endforeach
      ]
    })
    input.addEventListener('change', onChange)

    function onChange(e){
      @this.call('changeTags', e.target.value)
    }

  })
  </script>

@endpush

组件的其余部分都包含在内。

Answer 1

没关系，

事实证明layout/app.blade.php似乎还需要

@stack('scripts')

和

@stack('styles') 

为了@push工作。