asset("js/custom.js") not working

footer.blade.php - (Its works !)

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

<!--Data Table Code-->
<script>
    $("document").ready(function(){
        var table = $('.data-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: "{{ route('maincat.create') }}",
            columns: [
                {data: 'DT_RowIndex', name: 'DT_RowIndex'},
                {data: 'name', name: 'name'},
                {data: 'description', name: 'description'},
                {data: 'action', name: 'action', orderable: false, searchable: false},
            ]
        });

    });

</script>   

I want to put this custom js code in to asset/js/custom.js , So i did it .

footer.blade.php (It doesn't work)

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

<!--Data Table Code inserted in another Js -->
<script src="{{asset('js/custom.js')}}"></script>

after that dataTables doesn't work. It shows This error message

https://snipboard.io/5f2uis.jpg