laravel 6 是否自动加载 jquery？ 获取未捕获的类型错误

Question

I had this project working perfectly fine until I implemented authentication. I composer required laravel/ui then did php artisan ui vue --auth as per the documentation here

Before the auth, the scripts were loading perfectly (this is a jquery table sorter plugin) and the functionality was a dream. After the auth scaffolding, it's giving me this error:

Uncaught TypeError: $(...).tablesorter is not a function

Here is my code at the bottom of my view:

    <script src="https://code.jquery.com/jquery-3.4.1.js" integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
    <script src="{{asset('js/jquery.tablesorter.js')}}"></script>
    <script src="{{asset('js/jquery.tablesorter.widgets.js')}}"></script>
    <script>
    $(function() {
    $("#myTable").tablesorter();
    });

    </script>

I don't work a lot with front end stuff and laravel 6 has a few features implemented that I'm sure I'm unaware of. Other SO articles say that this error is generally caused by loading jquery in more than one place. Does laravel implement jquery somewhere when doing the auth scaffolding? If not, what else could be giving me this error after implementing the auth? If I comment out the script line that has jquery as the "src", I get jquery is not defined and $ is not defined . So I don't know what's going on. Theoretically it's being double loaded but if i comment it out, it's obviously not loaded from somewhere else.

Answer 1

For anyone who comes across this in the future, I believe that app.js generated by laravel authentication scaffolding includes jquery within itself. When I removed the jquery scripts from the bottom of the view and removed the "defer" parameter in the app.js script line at the top of app.blade, the code began to work again.