에러노트 input is a self closing element: <input/> but contains nested content.

소정·2022년 12월 28일
0

코딩 에러노트

목록 보기
12/15

pug에서 form 안에 input 태그를 넣었는데 제목과 같은 에러가 떴다. 작성한 코드는 아래와 같다.

`form(method="POST")
input(name="title", placeholder="consult", required)
input(value="save", type="submit")

        include partials/footer.pug`

contains nested content는 중첩된 요소가 있다는 뜻이다. 즉 input은 스스로 종료하는 태그인데 어딘가에 중첩된 요소가 있어서 그렇다는 뜻이다. 원인은 include partials/footer.pug가 문제였다. 이게 input 안의 중첩된 요소로 꼽사리를 낀것이다. 꼽사리 끼지 않게 들여쓰기를 없애주니 정상적으로 아래와 같이 구현됬다.

인풋박스가 form 밖으로 삐져나왔지만 이건 들여쓰기 해주면 해결된다.

profile
이제 막 개발 공부 시작한 개발자 지망생

0개의 댓글