Почему не загружает скрипт в теневом DOM Custom Elements?

Question

[Teleweb developer]

Здравствуйте, пытаюсь сделать кастомный елемент который должен загружать скрипт:

customElements.define('load-script', class extends HTMLElement {
  connectedCallback() {
    const shadow = this.attachShadow({mode: 'open'});
    shadow.innerHTML = `<script src="...g.js"></script>`;
  }
});

После добавления в html разметку даного тега он в браузере отобразился и тег скрипт попал в теневой дом, но не загружает сам скрипт, почему?

Answer 1

[Rsa97]

script нельзя добавить через innerHTML, используйте appendChild.
И учтите, что скрипт не будет инкапсулирован в shadowDOM, а будет работать в общем пространстве.

Comments

[Teleweb developer]

ОО, огромное спасибо))