未捕获的TypeError：$（...）。DataTable不是一个函数，但它可以从控制台运行

Question

我正在启动一个Laravel应用程序，我想使用DataTables.js来显示数据库中的数据。

这是我包含脚本的顺序：

    <script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>
    <script src="https://cdn.datatables.net/1.10.9/js/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="https://cdn.datatables.net/1.10.9/js/dataTables.bootstrap.min.js" type="text/javascript"></script>
    <script src="js/app.js" type="text/javascript"></script>

我的app.js文件只有：

    $(document).ready(function() {
        setTimeout(function(){
          var table = $('#domains_table').DataTable({
            "lengthMenu": [ [10, 25, 50, -1], [10, 25, 50, "All"] ],
            "order": [],
            "columnDefs": [ { "targets": "no-sort", "orderable": false }
            ],
            "pagingType": "full_numbers",
          });
        }, 2000);

    } );

我已经添加了超时，希望它能给其他所有时间加载，但它没有。

然而，

DataTables（）可以从控制台运行。我做错了什么？

我可能有两个版本的jQuery，因为这一行：

 "jquery": "^3.1.0"

是package.json中的依赖项之一，但如果我遗漏了这个：

<script src="https://code.jquery.com/jquery-1.12.4.js" type="text/javascript"></script>

我收到错误： jQuery（）未定义，而 $（）工作正常。