jQuery在Laravel中未定义

在windows上使用laravel 5.4

在scripts.blade文件中，我调用了为Admin LTE引导模板下载的各种javascript文件

守则：

<script>
window.Laravel = {!! json_encode(['csrfToken' => csrf_token()]) !!};
</script>
<script src="{{ mix('/js/app.js') }}"></script>
<script src="https://use.fontawesome.com/8b42d9ab76.js"></script>
<script src="/js/sweetalert.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip -->
<script>
$.widget.bridge('uibutton', $.ui.button);
</script>

<!-- Morris.js charts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="admin-theme/plugins/morris/morris.min.js"></script>
<!-- Sparkline -->
<script src="admin-theme/plugins/sparkline/jquery.sparkline.min.js"> </script>
<!-- jvectormap -->
<script src="admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js"></script>
<script src="admin-theme/plugins/jvectormap/jquery-jvectormap-world-mill-en.js"></script>
<!-- jQuery Knob Chart -->
<script src="admin-theme/plugins/knob/jquery.knob.js"></script>
<!-- daterangepicker -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.11.2/moment.min.js"></script>
<script src="admin-theme/plugins/daterangepicker/daterangepicker.js"></script>
<!-- datepicker -->
<script src="admin-theme/plugins/datepicker/bootstrap-datepicker.js"></script>
<!-- Bootstrap WYSIHTML5 -->
<script src="admin-theme/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js"></script>
<!-- Slimscroll -->
<script src="admin-theme/plugins/slimScroll/jquery.slimscroll.min.js"></script>
<!-- FastClick -->
<script src="admin-theme/plugins/fastclick/fastclick.js"></script>
<!-- AdminLTE App -->
<script src="admin-theme/dist/js/app.min.js"></script>
<!-- AdminLTE dashboard demo (This is only for demo purposes) -->
<script src="admin-theme/dist/js/pages/dashboard.js"></script>
<!-- AdminLTE for demo purposes -->
<script src="admin-theme/dist/js/demo.js"></script>

lavel={！！json_encode（['csrfToken'=>csrf_token（）]）；
$.widget.bridge（'uibutton'，$.ui.button）；

在firebug中，我得到了所有这些错误：

---

知道为什么会发生这种情况吗？

您是否已将核心

jquery.min.js

包含在

脚本

标记中。我看不见。您应该在任何js文件之前包含它。

因为您缺少jQuery库！包括它以满足依赖关系。您可以从

下载，这可能是因为您的javaScript文件没有加载，尤其是Jquery

使用：

---

确保您在AdminLTE库之前需要jQuery

似乎您没有在页面中包含jQuery。尝试在所有脚本标记之前添加此标记我不知道您为什么会被否决。我可以在从5.3升级到5.4时重现这个问题。您找到解决方案了吗？此调用加载jquery：因为app.js调用bootstrap.js，其代码为：/***我们将加载jquery和bootstrap jquery插件，该插件支持*基于JavaScript的引导功能，如modals和tabs。此*代码可根据您的应用程序的特定需要进行修改。*/window.$=window.jQuery=require（'jQuery'）；据我所知，这是Laravel加载jquery的方式打开浏览器的开发控制台，检查jquery是否已实际加载。谢谢大家，但我认为你们都忽略了我使用Laravel 5.4和mix的要点，对mix（'js/app.js'）的调用应该自动包括jquery。

<script src="{{asset('https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js')}}"></script>

<script src="{{asset('admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')}}"></script>

{{Html::script('admin-theme/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js')}}