這些JS腳本的順序是否正確？

Question

這些腳本不會在第一次加載頁面時加載，但當我點擊刷新時，它們會正確加載。這是禁用所有擴展程序的Chrome的最新版本。

<script src="/lib/bootstrap-select/dist/js/bootstrap-select.min.js"></script> 
    <script src="/lib/select2/select2.min.js"></script> 

    <script src="/lib/jquery.maskedinput/dist/jquery.maskedinput.min.js"></script> 
    <script src="/lib/moment/moment.js"></script> 

    <script src="/lib/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> 
    <script src="/lib/twitter-bootstrap-wizard/jquery.bootstrap.wizard.min.js"></script> 

    <script src="/lib/jquery-autosize/dist/autosize.min.js"></script> 
    <script src="/lib/bootstrap3-wysihtml5-bower/dist/bootstrap3-wysihtml5.all.min.js"></script> 

    <script src="/lib/fullcalendar/dist/fullcalendar.min.js"></script> 
    <script src="/lib/jquery-ui/ui/core.js"></script> 

    <script src="/lib/jquery-ui/ui/widget.js"></script> 
    <script src="/lib/jquery-ui/ui/mouse.js"></script> 

    <script src="/lib/jquery-ui/ui/draggable.js"></script> 

    <!-- page application js --> 
    <script src="/js/forms-wizard.js"></script> 
    <script src="/bower_components/eonasdan-bootstrap-datetimepicker/build/js/bootstrap-datetimepicker.min.js"></script> 
    <script src="/js/component-calendar.js"></script> 

Answer 1

在Chrome中按F12並單擊console。這是錯誤日誌。

任何錯誤（例如加載一個帶有對另一個* .js文件的引用損壞的* .js文件）都會顯示在這裏。

您還可以用console.log("hello");等打印此日誌。

如果頁面加載過程中沒有錯誤，則所有內容都按順序排列。否則，它會告訴你在哪個文件中引用被破壞。

移動文件，出現錯誤低於一個步驟，然後按F5刷新頁面。新的參考錯誤可能會出現。繼續移動這些文件，直到它正確加載。

如果你可以讓更多的錯誤（如autosize does not exist），你可能會獲得在文件中引用的洞察力（一個在這個例子中定義autosize）等固定順序的不僅僅是移動文件向上/向下更快。