数据表不是函数，无法识别js

Question

我在使用数据表时遇到了一些麻烦。

我认为我先用jquery声明了源，然后用datatable声明了源（我在他们的站点上检索包含最新版本的链接），但是当我加载网页时，我总是遇到相同的错误消息：

  

未捕获的SyntaxError：意外的令牌{jQuery.Deferred异常：$   （...）。 DataTable不是函数TypeError：$（...）。数据表为   不是功能   在HTMLDocument。 （https：//本地主机：44338 /事件：87：27）   在l（https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29375）   在c（https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29677）   未定义

这显然是一个已知的问题，经过研究我才意识到，但是我仍然无法解决...

@model IEnumerable<jak.formulaire.Models.Events>
@* Datatable of Events member *@
<table id="example" class="display" style="width:100%">
    <thead>
        <tr>
            <th>Event name</th>
            <th>Status</th>
        </tr>
    </thead>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css"></script>
<script src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>

@section Scripts{
    <script>
        $(document).ready(function () {
            $('#example').DataTable();
        });
    </script>
}

编辑//我发布网络结果的图像。

Answer 1

好吧，我设法找到了解决方法！

我必须包括这个：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.js"></script>

在@section Scripts{}内

Answer 2

是laravel框架吗？如果是，请

 <script src="{{ asset('js/app.js') }}" **defer**></script>

在js文件后删除延迟密钥。