有时 javascript 加载正常而其他时候不起作用 - Laravel

Question

我正在构建的一个网站遇到一个奇怪的问题，有时我的网站会加载空白，因为 Javascript 崩溃是因为无法加载文件，而其他时候它却可以正常工作。

它现在回来了； main-client.js:243 Uncaught TypeError: $(...).waypoint is not a function.

您可以在此处看到它正在加载：

我还在页脚布局中正确加载了所有文件：

<!-- Vendor JS Files -->

<script src="{{ asset('assets/vendor/bootstrap/js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('assets/vendor/jquery.easing/jquery.easing.min.js') }}"></script>
<script src="{{ asset('assets/vendor/php-email-form/validate.js') }}"></script>
<script src="{{ asset('assets/vendor/waypoints/jquery.waypoints.min.js') }}"></script>
<script src="{{ asset('assets/vendor/counterup/counterup.min.js') }}"></script>
<script src="{{ asset('assets/vendor/owl.carousel/owl.carousel.min.js') }}"></script>
<script src="{{ asset('assets/vendor/isotope-layout/isotope.pkgd.min.js') }}"></script>
<script src="{{ asset('assets/vendor/venobox/venobox.min.js') }}"></script>
<script src="{{ asset('assets/vendor/aos/aos.js') }}"></script>
<script src="{{ asset('js/main-client.js') }}" defer></script>

Answer 1

在标题中的链接上添加预加载属性可以解决这个问题。在 this link 中，展示它是如何工作的