Javascript Laravel DataTables不是一个函数

我正在使用Laravel，希望在视图中使用DataTables

这是我的头牌

    <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <!-- CSRF Token -->
        <meta name="csrf-token" content="{{ csrf_token() }}">

        <title>{{ config('app.name', 'Laravel') }}</title>

        <!--Font Awsome-->
        <link rel="stylesheet" href="{{asset('vendor/fontawesome-free/css/all.min.css')}}">

        <!-- Fonts -->
        <link rel="dns-prefetch" href="//fonts.gstatic.com">
        <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
        <!-- Scripts -->
        <script src="{{ asset('js/app.js') }}" defer></script>
        <!-- Styles -->
        <link href="{{ asset('css/app.css') }}" rel="stylesheet">
        <link rel="stylesheet" href="{{asset('vendor/css/sb-admin-2.min.css')}}">
        <link href="{{asset('vendor/datatables/dataTables.bootstrap4.min.css')}}" rel="stylesheet">

{{config（'app.name'，'Laravel'）}

这是我的脚本

    <script src="{{asset('vendor/bootstrap/js/bootstrap.bundle.min.js')}}"></script>
    <script src="{{asset('vendor/jquery/jquery.min.js')}}"></script>


    <!-- Core plugin JavaScript-->
    <!-- Custom scripts for all pages-->
    <script src="{{asset('vendor/js/sb-admin-2.min.js')}}"></script>
    <script src="{{asset('vendor/jquery-easing/jquery.easing.min.js')}}" defer></script>

    <!--Data Tables JavaScript-->
    <script src="{{asset('vendor/datatables/jquery.dataTables.min.js')}}"></script>
    <script src="{{asset('vendor/datatables/dataTables.bootstrap4.min.js')}}"></script>

    <script>
        $(document).ready( function () {
            $('#dataTable').DataTable();
        } );
    </script>

$（文档）.ready（函数（）{
$（'#dataTable'）。dataTable（）；
} );

这是桌子

<table id="dataTable" class="table table-bordered" width="100%" cellspacing="0">
...
</table>

...

在这里我遇到了这个问题

未捕获的TypeError:$（…）。DataTable不是函数 在HTMLDocument。（议程：268） 在e（jquery.min.js:2） at t（jquery.min.js:2）

---

我已经使用了defer，切换jquery的位置，删除

jquery

nothing。请提供帮助。

使用数据表中的相同序列

https://code.jquery.com/jquery-3.3.1.js
https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js

使用CDN进行测试，如果一切正常，则在本地导入

<!-- footer section ->
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.20/js/jquery.dataTables.min.js">
</script>

<script>
    $(document).ready( function () {
           $('#dataTable').DataTable();
    } );
</script>
 < /!-- footer section ->
 <-- header section ->

<link rel="stylesheet" type="text/css" href="http://laravel.test/laravel-paud-master/public/vendor/datatables/dataTables.bootstrap4.min.css">
 < /!-- header section ->

---

还是不行。使用2个CDN仍会出现此错误。您能否提供一个链接，说明
$（“#dataTable”）
是否引用了现有的表？如果不是的话，那就不会发生了work@Sitethief是的，我找到了。我所要做的就是删除js/app.js脚本标记。因为我认为laravel已经在app.js中提供了jquery