如何加载一个赢得't负载

Question

动态附加脚本从不加载：

const nodeTemplate = document.importNode(template.content, true)
const script = nodeTemplate.firstElementChild
script.removeAttribute('async')
script.setAttribute('defer', 'defer')
document.body.appendChild(nodeTemplate)

知道为什么吗？有没有办法强迫它加载？

我到处看了各种各样的解决方案，但到目前为止似乎都不起作用。

如果在页面加载时发生这种情况，它可以正常工作。

Answer 1

我认为您需要检查它是否已加载，如果没有，最好从DOM中完全删除该脚本，然后创建新的script标记。

然后尝试这样的方法，这是注入脚本小部件的常见模式：

// 1. remove your old script

// 2. create new
(function(){
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = false;
s.defer = true;
s.src = "https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js"; 
document.getElementsByTagName('head')[0].appendChild(s);
})();