前端 - 浏览器新开大量的页面会偶尔会出现js 报错？

Question

项目使用的是wujie微前端，点击功能按钮打开新标签展示页面，
交互如图所示：

偶现下面的错误

原本的方案是在index.html 文件中判断资源是否加载成功，失败了重新加载一次

 //  js 资源加载失败重试            let scriptElements = document.querySelectorAll('script[defer]');            let scriptSources = Array.from(scriptElements).map(function(script) {                return script.src;            });            // 脚本加载失败            function scriptError() {                // 重新加载页面                location.reload();            }            scriptSources.forEach(function(src) {                let script = document.createElement('script');                script.src = src;                script.defer = true;                script.onerror = scriptError;                script.async = false                document.head.appendChild(script);            });

结果还是会报错

求救，有什么好的方案可以处理吗？谢谢大佬们！

Answer 1

资源之间有相互依赖的话，肯定需要实现一个资源加载器来统一管控，前置资源加载失败，那么依赖这个资源的其他资源是不能开始加载的

不过这里首先应该分析一下偶现 js 加载失败的报错原因是什么，解决这个才应该是首选方案