如何使用 XMLHttpRequest 加载脚本？

如何解决如何使用 XMLHttpRequest 加载脚本？

我在使用 XMLHttpRequest 加载 javascript 时遇到问题。我正在使用节点服务器进行本地开发。用于创建我使用的请求

const request: XMLHttpRequest = new XMLHttpRequest();
request.onload = RSLImport.moduleOnLoaded.bind(request,this);
request.open('GET',`${url}`);
request.responseType = 'document';
request.send();

其中 RSLImport.moduleOnLoaded 是接收文档的回调

<link rel="stylesheet" href="module1/module1.css">
<script src="module1/module1.js" type="module"></script>
<template id="module1">
    <p>Module 1</p>
</template>

在回调中我附加收到的节点

    const elements = request.responseXML?.head.children;
    if (elements){
        console.log(elements[1].baseURI);
        document.head.append(...elements);
    }

所有节点都插入到 DOM 文档头中并且样式表已正确加载，但 javascript 未正确加载。

如果我使用 createElement('script') 创建脚本文档元素，请设置其 src 和 type 属性并将其附加到文档头，它会正确加载脚本。

谁能帮助我理解附加接收到的节点不会加载 javascript？

为了解释我的用例，我尝试编写一个自定义 Web 组件，该组件通过 html 导入其他自定义 Web 组件。