DOMException：无法在“文档”上执行“createElement”：结果不能有子级

Question

我遇到了 DOM 异常（标题）并且不知道如何解决它。这与this other stackoverflow post 的例外情况相同。根据另一篇文章中的解决方案，我尝试将 createElement 调用移动到 connectedCallback 挂钩中，但我仍然看到异常。

产生异常的最简单代码是：

connectedCallback() {
    document.createElement('toggle-switch');
}

toggle-switch 是我之前定义的自定义元素。任何关于为什么这仍然发生/我如何解决这个问题的线索将不胜感激！

Answer 1

哎呀。完全是我的错。我确实在toggle-switch 的构造函数中进行了一些DOM 操作。我不小心在元素上添加了.innerHTML，而不是它的shadowroot。