Target container is not a DOM element

leitmotif·2021년 8월 13일
0

에러 정리

목록 보기
1/3
post-thumbnail

🧐 개요

웹 작업을 할 때 종종 발생하는 에러입니다.

오늘도 착각해서 이 에러를 만났는데..

다시 실수하지 않도록 포스트로 정리합니다.


❓ What is this?

공부를 하면 할 수록 영어의 중요성을 깨닫게 됩니다.

직역하면 대상 컨테이너가 DOM이 아니라는 뜻으로,

ReactDOM.render(func(),document.getElementById('Container'))

예를 들어 위와 같이 ReactDOM.render를 이용할 때 순서의 문제로 인해

  1. DOM이 그려지기 전에 DOM element를 참조할 때

  2. 인자로 넘어가는 DOM element가 아예 정의되어 있지 않을 때

보통 위의 2가지 이유로 발생합니다.


🎯 Solution?

  1. 분기, 콜백, async/await 등의 문법으로 DOM이 렌더링된 이후 호출되도록 순서를 지정합니다.

  2. 사용하고자 하는 DOM element의 id 등의 속성을 살펴봅니다.

profile
[ ]-vation. 일상에 빗대 공감하고, 동기를 쥐어주는 개발자가 되고 싶습니다.

0개의 댓글