Реализовать jscroll при laravel 6 не работает ошибка Uncaught TypeError: $ (...). Jscroll не является функцией

Question

Я следую этому руководству https://laraget.com/blog/implementing-infinite-scroll-pagination-using-laravel-and-jscroll для реализации бесконечной прокрутки. теперь я использую laravel 6.

вот мой код ..

в моем контроллере я установил это

$query = Report::query();
$this->data['reports'] = $query->where('status', 'reject')->paginate(10);
return view('report.index', $this->data);

на моем index.blade. php

        <div class="row"> 
            <div class="infinite-scroll">
                @forelse ($reports as $report)
                <div class="py-3 px-2 border-top">
                    <div class="d-flex justify-content-between">
                        <div class="d-flex justify-content-start"> 
                            <div>
                                {{ $report->name }} 
                            </div>
                        </div> 
                    </div> 
                </div>
                @empty
                  @include('report.index.notFound')
                @endforelse
                {{ $reports->links() }}
            </div>
        </div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jscroll/2.3.7/jquery.jscroll.min.js"></script>

<script type="text/javascript">

    $('ul.pagination').hide();
    $(function() {
        $('.infinite-scroll').jscroll({
            autoTrigger: true,
            debug: true,
            loadingHtml: '<img class="center-block" src="/img/loading.gif" alt="Loading..." />',
            padding: 0,
            nextSelector: '.pagination li.active + li a',
            contentSelector: 'div.infinite-scroll',
            callback: function() {
                $('ul.pagination').remove();
            }
        });
    });
</script>

не работает. ошибка с консоли:

Uncaught TypeError: $(...).jscroll is not a function
    at HTMLDocument.<anonymous> (index:651)
    at j (jquery.js:3099)
    at Object.fireWith [as resolveWith] (jquery.js:3211)
    at Function.ready (jquery.js:3417)
    at HTMLDocument.I (jquery.js:3433)

как мне это исправить. помогите пожалуйста