Shadow DOM未在DOM中显示

Question

以下是安装影子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中看不到该应用程序！

注意： 如果在初始输入后刷新页面，则将运行此确切过程以进行安装，但扩展加载将达到预期。只有在第一次进入时才有问题！