datables несовместим с laravel 5.6?

Question

Я делаю проект с laravel 5.6, и я не знаю, несовместим ли datables с этой версией фреймворка, потому что у меня есть другая система с laravel 5.4 и datable отлично работает

Но в этой версии я получаю эту ошибку

Uncaught TypeError: $ (...). DataTable не является функцией в HTMLDocument.(list.js: 3) в i (jquery.min.js: 2) в Object.fireWith [as resolWith] (jquery.min.js: 2) в Function.ready (jquery.min.js: 2) в HTMLDocument.J (jquery.min.js: 2)

У меня есть код, такой же, как в версии 5.4, где он работает

@extends('layouts.app')

@section('content')
<div class="container">
        <div class="row">
            <div class="col-md-12">
                <table id="table">
                    <thead>
                        <tr>
                            <th>CI</th>
                            <th>Name</th>
                            <th>Last Name</th>
                            <th>Position</th>
                            <th>Client</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($users as $user)
                            <tr>
                                <td>{{$user->ci}}</td>
                                <td>{{$user->name}}</td>
                                <td>{{$user->last_name}}</td>
                                <td>{{$user->position->CAR_DESCRI}}</td>
                                <td>{{$user->client->GTR_DESCRI}}</td>
                                <td><a href="{{ route('detailUser', ['user_id' => $user->ci]) }}"><i class="fas fa-user"></i></a></td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
@endsection

<link rel="stylesheet" href="https://cdn.datatables.net/1.10.16/css/jquery.dataTables.min.css">



 @section('js')
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
        <script src="https://cdn.datatables.net/1.10.16/js/jquery.dataTables.min.js"></script>
        <script src="{{ asset('js/users/list.js') }}"></script>
    @endsection

Я знаю, что эта ошибка появляется, когда я делаюНе прикрепляй jquery, но здесь я делаю.Что я могу сделать?

в файле list.js - это вызов таблицы с данными

Файл list.js

$(document).ready(function() {

    $('#table').DataTable({
        language: {
            "sProcessing":     "Procesando...",
            "sLengthMenu":     "Mostrar _MENU_ registros",
            "sZeroRecords":    "No se encontraron resultados",
            "sEmptyTable":     "Ningún dato disponible en esta tabla",
            "sInfo":           "Mostrando registros del _START_ al _END_ de un total de _TOTAL_ registros",
            "sInfoEmpty":      "Mostrando registros del 0 al 0 de un total de 0 registros",
            "sInfoFiltered":   "(filtrado de un total de _MAX_ registros)",
            "sInfoPostFix":    "",
            "sSearch":         "Buscar:",
            "sUrl":            "",
            "sInfoThousands":  ",",
            "sLoadingRecords": "Cargando...",
            "oPaginate": {
                "sFirst":    "Primero",
                "sLast":     "Último",
                "sNext":     "Siguiente",
                "sPrevious": "Anterior"
            },
            "oAria": {
                "sSortAscending":  ": Activar para ordenar la columna de manera ascendente",
                "sSortDescending": ": Activar para ordenar la columna de manera descendente"
            }
        }
    });

});