DOMException : 'Document'에 'createElement'를 실행하지 못했습니다. 결과에 자식이 없어야합니다.

Question

DOM 예외 (제목)가 실행 중이고 해결 방법이 없습니다. 이것은 this other stackoverflow post과 동일한 예외입니다. 다른 게시물의 해결책에 따라 createElement 호출을 connectedCallback 후크로 옮겨 보았지만 여전히 예외가 표시됩니다. 예외를 생성

간단한 코드는 다음과 같습니다

토글 스위치가 앞서 정의 된 사용자 정의 요소가

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

. 이것이 아직도 일어나고있는 이유에 대한 단서/어떻게 해결할 수 있을지 대단히 감사하겠습니다!

Answer 1

완전히 내 실수. 나는 toggle-switch의 생성자에서 DOM 조작을했다. 나는 실수로 shadow 루트가 아닌 요소에 .innerHTML을 추가했습니다.