Estoy tratando de cargar dinámicamente los scripts en iframe index.html que se cargan si se agregan manualmente en iframe index.html, pero no se cargan si se agregan dinámicamente en la interfaz de usuario que se muestra en el siguiente código.

También muestra un error que es

Error de zona de ruta ya cargada

Aquí están los scripts dinámicos que se cargan en el código del constructor angular:

 constructor() { const paymentGPIUS = [ 'href="https://sc-ols-onlinebooking-dev.s3-us-west-2.amazonaws.com/ols-onlinebooking-ui/add-card-widget/styles.css', 'http://127.0.0.1:5500/dist/ols-onlinebooking-ui/add-card-widget/element.js' ]; const node = document.createElement('script'); node.src = paymentGPIUS[0]; node.type = 'text/javascript'; node.async = false; document.body.appendChild(node); // document.head.appendChild(node); const node2 = document.createElement('link'); node2.rel = 'stylesheet' node2.href = paymentGPIUS[1]; document.head.appendChild(node2); }

Aquí hay un código para cargar scripts que se está cargando en iframe index.html, pero no puedo ver el botón o la interfaz de usuario en la pantalla, pero agrego manualmente, funciona y se carga correctamente.

En la imagen de arriba, las secuencias de comandos se cargan debajo de los estilos tanto de enlace como de secuencias de comandos en iframe, lo que también debería cargar el botón de la pantalla de la interfaz de usuario, pero no lo hace.