개발자 99% 커뮤니티에서 수다 떨어요!
오늘은 pug의 mixin 기능을 사용해서 비디오 정보 객체들을 기록하고 이를 home.pug에 띄어주도록 설정하는것을 배웠는데요. 자꾸만 Maximum call stack size exceeded 에러가 뜨면서 아래의 mixin 파일인 video.pug에 문제가 있다고 나옵니다. 아래는 videos.pug의 코드입니다.
mixin video(info) div h4=info.title ul li #{info.rating}/5. li #{info.comments} comments. li Posted #{info.createdAt}. li #{info.views} views.
에러에서는 h4=info.title에서 줄이 그어지면서 'Maximum call stack size exceeded' 에러가 뜨네요. 왜이럴까요? 아래는 mixin이 동작되어야 하는 home.pug의 코드입니다.
'
extend basic.pug
include mixins/video
block content
each potato in videos
+video(potato)
'
basic.pug는 아래와 같습니다.
doctype html
html(lang="en")
head
meta(charset="UTF-8")
meta(name="viewport" content="width=device-width, initial-scale=1.0")
title #{pagetitle} Wetube
link(rel="stylesheet" href="https://unpkg.com/mvp.css")
body
header
h1 Welcome to Our Website #{pagetitle}
block content
nav
ul
li: a(href='/') Home
li: a(href='/join') join
li: a(href='/login') login
li: a(href='/search') search
.container
.content
h2 Main Content
p This is the main content area. You can add your content here.
footer
include partials/footer.pug
인터넷에 찾아봐도 방법이 안나옵니다. ㅜㅜㅜ 니꼴라스 선생님걸 그대로 복붙해도 문제가 뜨네요. ㅜㅜ