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），因此修复订单的速度要快于只是向上/向下移动文件。

这些JS脚本的顺序是否正确？

1 个答案: