是什么原因造成的：未捕获的 TypeError: $ is not a function？答案

【问题标题】：What causes this: Uncaught TypeError: $ is not a function?是什么原因造成的：未捕获的 TypeError: $ is not a function？
【发布时间】：2020-06-27 23:39:12
【问题描述】：

我知道这个问题已经被问过很多次了，但是没有一个建议的解决方案对我有用。

我认为问题在于 jQuery 引用，但我缺乏了解问题所在的知识。

以下是参考资料：

<script src="/tools/scripts/apps/cpc.js"></script>
<script src="/tools/Scripts/tools/jquery/v2_1_4/jquery-2.1.4.min.js"></script>
<script src="/tools/scripts/tools/jqueryui/jquery-ui.min.js"></script>
<script src="/tools/scripts/tools/jqgrid/js/i18n/grid.locale-de.js"></script>
<script src="/tools/scripts/tools/jqgrid/js/jquery.jqGrid_5_3_0.min.js"></script>
<script src="/tools/scripts/tools/jqgrid/js/jszip.min.js"></script>
<script src="/tools/Scripts/tools/date.js"></script>
<script src="/tools/scripts/apps/3rdParties/startPage3rdParties.js"></script>
<script src="/tools/Scripts/tools/jquerymap/dist/jquery.vmap.min.js"></script>
<script src="/tools/Scripts/tools/jquerymap/dist/maps/jquery.vmap.world.js"></script>

这是代码部分，上面写着jQuery is not a function：

jQuery(document).ready(function($){

    // $("#sideNavBox").hide();
    //$("#contentBox").css("margin-left:20px!important;");


    writeAction();
    writeTabs();

    $("#DeltaPlaceHolderPageTitleInTitleArea").html("Counterparties");
    $(".ms-webpartPage-root").css("border-spacing", "0px");

    $(".ms-breadcrumb-top").hide();
    $(".ms-mpSearchBox").hide();
    //$("#titleAreaRow").hide();

    $("#Ribbon.ListForm.Display.Manage.EditItem-Large").hide();
    $("#fullscreenmode").click().trigger("click");
    // startAutoLaunch();


});

我尝试将jQuery 替换为$，但没有任何改变。

我也尝试过定义

var jQ = jQuery.noConflict(true);

并使用jQ(document).ready(function($){

但这也没有用。

有人可以帮我解决这个问题吗？

【问题讨论】：

听起来您所需的jQuery 文件之一未加载或未包含在内。如果您打开浏览器控制台并选择 networks 选项卡，您可以检查是否有任何内容无法加载。
@NewToJS 我刚刚检查过，但显然一切似乎都加载了

标签： javascript jquery reference typeerror

【解决方案1】：

加载脚本的顺序很重要。尝试将jquery 库及其所有依赖项放在首位：

<script src="/tools/Scripts/tools/jquery/v2_1_4/jquery-2.1.4.min.js"></script>
<script src="/tools/scripts/tools/jqueryui/jquery-ui.min.js"></script>
<script src="/tools/scripts/tools/jqgrid/js/i18n/grid.locale-de.js"></script>
<script src="/tools/scripts/tools/jqgrid/js/jquery.jqGrid_5_3_0.min.js"></script>
<script src="/tools/scripts/tools/jqgrid/js/jszip.min.js"></script>
<script src="/tools/Scripts/tools/date.js"></script>
<script src="/tools/scripts/apps/3rdParties/startPage3rdParties.js"></script>
<script src="/tools/Scripts/tools/jquerymap/dist/jquery.vmap.min.js"></script>
<script src="/tools/Scripts/tools/jquerymap/dist/maps/jquery.vmap.world.js"></script>

<!-- your script should be last -->

<script src="/tools/scripts/apps/cpc.js"></script>

同样来自docs：

// Shorthand for $( document ).ready()
$(function() {
    console.log( "ready!" );
});

【讨论】：

让我开心。谢谢！！