jQuery和Bootstrap：控制檯上的警告 - 資源失敗

Question

前段時間我更新了我的jQuery，從此我的項目已經停止執行Javascript。

這是在索引頁的劇本我用它來測試使用的JS：

@section scripts{ 
<script src="~/js/jquery-3.2.1.min.js"></script> 
<script src="~/lib/bootstrap/dist/js/bootstrap.js"></script> 
<script> 
    console.log("hi"); 
</script> 

}

這是結果在控制檯：

什麼引起我的注意是：

未捕獲錯誤：Bootstrap的JavaScript需要jQuery。在Bootstrap的JavaScript之前，必須包含jQuery。

對警報詳細去我看到：

if (typeof jQuery === 'undefined') { 
    throw new Error('Bootstrap\'s JavaScript requires jQuery. 
jQuery must be included before Bootstrap\'s JavaScript.')} 

檢查jQuery的現在：

它有一個標籤稱其交流中心（extraño西班牙文）

UPDATE

我決定卸載jQuery並引導並重新安裝它們：首先使用jQuery，然後使用Bootstrap。

之後，鮑爾看起來像這樣。

仍然沒有工作壽

檢查網絡控制檯（所要求的用戶），我得到這個：

有劍道UI的不加載

一堆

注：我安裝了kendo ui因爲我需要一個可編輯的網格，但是因爲它被吸引，所以我製作了我自己的和丟棄的kendo ui。

UPDATE X2

注：我工作的ASP.NET核心

看來，答案可能是jQuery的必須引導加載之前。

要檢查這一點，我要通過不同的文件（bower.json，_Layout.cshtml），因爲我通常不會在每個文件中引用腳本。我的項目在背景中通常有一個參考，我相信這些腳本會自動加載到每個視圖中。例如，我從來沒有在索引頁面上引用kendo ui，但在控制檯中我發現它無法加載（因爲它被卸載），但是被調用。

爲此，我檢查了_Layout.cshtml

在這裏我可以看到我引用的是整個項目，我相信工作，它似乎順序是正確的。

希望這個幫助任何答覆！謝謝

Answer 1

在這裏，你有兩個jsfiddle的例子。

https://jsfiddle.net/r9tnow7L/

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

在上述撥弄，自舉如I所指明在外部資源訂單加載之前的jQuery。

https://jsfiddle.net/r9tnow7L/1/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

在這種小提琴，jQuery的加載之前引導，檢查在外部資源訂購。

請檢查瀏覽器網絡面板。 這可能會幫助您瞭解庫文件的順序。