有时 javascript 加载正常，有时不起作用 - Laravel

问题描述

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

它现在回来了； main-client.js:243 Uncaught TypeError: $(...).waypoint 不是函数。

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

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

<!-- 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>

解决方法

在标题中的链接上添加 preload 属性可以解决这个问题。在 this link 中，展示其工作原理