Ниже приведен код для монтирования shadow dom:
const template = makeTemplate() //helper function for styling etc
const host = document.createElement('custom-element')
const root = host.createShadowRoot()
document.body.appendChild(template)
document.body.appendChild(host)
root.appendChild(document.importNode(template.content, true))
Это работает, я могу проверить вызовы внутренних функций моего приложения с помощью регистрации, но в dom ничего не появляется. Мое приложение сделано в ReactJS, поэтому я могу войти ComponentDidMount, но не могу увидеть приложение в DOM!
Примечание:
Если я обновлю страницу после начальной записи, то этот точный процесс будет запущен для монтирования, но нагрузка на расширение будет соответствовать ожидаемой. Только при первой записи есть проблема!