[Pug(구 Jade)] Error - Cannot read property 'length' of undefined

예제를 따라하다가 " Cannot read property 'lenght' of undefined " 라는 에러를 접하게 되었다. 처음엔 이 에러가 무엇을 의미하는 지를 몰랐다가 layout.pug 파일에 문제가 있다는 걸 알게되었다.

div.row

div.col-lg-4

h2 TO-DO

ul.list-group

each val in todoTasks << 이 부분에서 문제가 발생하였다.

li.list-group-item = val

검색 끝에 내가 추측하게 된 건 todoTasks가 무엇인지 파일 내에 선언되지 않았기 때문일까였고 나는 내 가설을 확인해 보기 위해 "todoTasks"라는 부분을 리스트로 바꾸고 val을 참조하기 위해 #{ } 으로 감싸주었다. 

div.row

div.col-lg-4

h2 TO-DO

ul.list-group

each val in [1,2,3,4,5]

li.list-group-item = #{val}

이렇게 바꾸어 주니 결과는

이렇게 잘 되었다. 여기서 " = "도 제거해줘야하고 index.js 파일을 참조하게 하기 위해 html 문법에 대해서 조금 더 검색을 진행해 봐야겠다.