Datatables Laravel & YayraBox: Как работать с js и css?

Question

Я новичок в обучении Laravel. Я включил загрузчик и общие CSS и JS, например, так:

<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<!-- Scripts -->
<script src="{{ asset('js/app.js') }}" defer></script>

Чтобы заставить работать Yajra Datatables, я изменяю это на следующее:

    <!-- Scripts -->
    <script
              src="https://code.jquery.com/jquery-3.4.0.min.js"
              integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg="
              crossorigin="anonymous">
    </script>
    <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    {{-- <script src="{{ asset('js/app.js') }}" defer></script> --}}

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">

Как видите, я должен закомментировать JS, скомпилированный приложением laravel.

Пожалуйста, кто-нибудь может посоветовать мне, как мне это делать? Извините, если это кажется очевидным, но я изучаю все с нуля, и у меня не было никакой радости, гуглить этот.

Answer 1

Laravel app.js уже содержит jquery.js, поэтому вам не нужно добавлять его снова, поэтому таблицу Yjra js следует добавить чуть ниже app.js, например

 <script src="{{ asset('js/app.js') }}"></script>
 <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script> 

или

<script src="{{ asset('js/app.js') }}"></script>
 <script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

Постарайтесь сохранить все JS в нижнем колонтитуле, теперь для css тоже нужно просто добавить css чуть ниже app.css

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
   <link href="{{ asset('css/jquery.dataTables.min.css') }}" rel="stylesheet">

или

<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">

даже у меня есть один репозиторий, вы можете следовать здесь .