Javascript 由于延迟jQuery-3.2.1.min.JS，依赖jQuery的JS文件正在中断

提前感谢你的帮助

我试图推迟jquery-3.2.1.min.js文件的加载，以修复渲染阻塞。因此，我尝试了以下方法：

<script>
        window.addEventListener('DOMContentLoaded', (event) => {
            let script0 = document.createElement('script');
            let script1 = document.createElement('script');
            let script2 = document.createElement('script');
            let script3 = document.createElement('script');
            let script4 = document.createElement('script');
            let script5 = document.createElement('script');
            let script6 = document.createElement('script');
            let script7 = document.createElement('script');
            script0.src = "<?php echo BASE; ?>assets/plugins/owlcarousel/dist/owl.carousel.min.js";
            script1.src = "<?php echo BASE; ?>assets/plugins/vendors/bootstrap.bundle.min.js";
            script2.src = "<?php echo BASE; ?>assets/plugins/vendors/jquery.sparkline.min.js";
            script3.src = "<?php echo BASE; ?>assets/plugins/vendors/selectize.min.js";
            script4.src = "<?php echo BASE; ?>assets/js/core.js";
            script5.src = "<?php echo BASE; ?>assets/plugins/jquery-toast/js/jquery.toast.js";
            script6.src = "<?php echo BASE; ?>assets/js/process.js";
            script7.src = "<?php echo BASE; ?>assets/js/general.js";
            script0.defer = true;
            script1.defer = true;
            script2.defer = true;
            script3.defer = true;
            script4.defer = true;
            script5.defer = true;
            script6.defer = true;
            script7.defer = true;
            document.head.appendChild(script0);
            document.head.appendChild(script1);
            document.head.appendChild(script2);
            document.head.appendChild(script3);
            document.head.appendChild(script4);
            document.head.appendChild(script5);
            document.head.appendChild(script6);
            document.head.appendChild(script7);
        });
    </script>

window.addEventListener（'DOMContentLoaded'，（事件）=>{
让script0=document.createElement（'script'）；
让script1=document.createElement（'script'）；
让script2=document.createElement（'script'）；
让script3=document.createElement（'script'）；
让script4=document.createElement（'script'）；
让script5=document.createElement（'script'）；
让script6=document.createElement（'script'）；
让script7=document.createElement（'script'）；
script0.src=“assets/plugins/owlcarousel/dist/owl.carousel.min.js”；
script1.src=“assets/plugins/vendors/bootstrap.bundle.min.js”；
script2.src=“assets/plugins/vendors/jquery.sparkline.min.js”；
script3.src=“assets/plugins/vendors/selectize.min.js”；
script4.src=“assets/js/core.js”；
script5.src=“assets/plugins/jquerytoast/js/jquery.toast.js”；
script6.src=“assets/js/process.js”；
script7.src=“assets/js/general.js”；
script0.defer=true；
script1.defer=true；
script2.defer=true；
script3.defer=true；
script4.defer=true；
script5.defer=true；
script6.defer=true；
script7.defer=true；
document.head.appendChild（script0）；
文档.头.子文档（脚本1）；
文件.头.子文件（脚本2）；
文档.头.子文档（脚本3）；
文件.头.子文件（脚本4）；
文件。头。子文件（脚本5）；
文件。头。子文件（脚本6）；
文件。头。子文件（脚本7）；
        });
    

而且效果很好！我知道这不是最好的代码，但很有效

现在，如果我将jquery-3.2.1.min.js延迟为：

    <script defer src="<?php echo BASE; ?>assets/plugins/vendors/jquery-3.2.1.min.js"></script>
    <script defer src="<?php echo BASE; ?>assets/plugins/owlcarousel/dist/owl.carousel.min.js"></script>
    <script defer src="<?php echo BASE; ?>assets/plugins/vendors/bootstrap.bundle.min.js"></script>
    <script defer src="<?php echo BASE; ?>assets/plugins/vendors/jquery.sparkline.min.js"></script>
    <script defer src="<?php echo BASE; ?>assets/plugins/vendors/selectize.min.js"></script>
    <script defer src="<?php echo BASE; ?>assets/js/core.js"></script>
    <!-- toast -->
    <script defer src="<?php echo BASE; ?>assets/plugins/jquery-toast/js/jquery.toast.js"></script>
    <!-- general JS -->
    <script defer src="<?php echo BASE; ?>assets/js/process.js"></script>
    <script defer src="<?php echo BASE; ?>assets/js/general.js"></script>