안녕하세요 상훈입니다.
jQuery - Handlebars.js 를 사용하는데, 다 제대로 한 것 같은데, 아래와 같은 에러를 내뱉습니다.
요놈의 핸들바는 불친절하게 에러를 좀 내뱉는 것 같습니다.
Handlebars Pass a string or Handlebars AST to Handlebars compile ...
undefined 오류도 포함합니다.
확인사항
1. 실제 값이 undefinded 인지.
2. 컴파일 하려는 id의 값과 html-script-handlebar 의 id 를 일치시켰는지 여부
3. 해당 script를 포함하고 싶은 태그가 렌더링 되고 난 이후에 작성이 되었는지 여부
저는 3번에 해당하는 것이었습니다.
<div id="handlebarExample">
<script id="handlebarExampleTarget" handlebar...></script>
</div>이렇게 작성을 했었는데, 인식이 안되더라구요.
그래서 해당 <div>의 속을 비워주고, script를 아래로 내려주었더니 해결되었습니다.
<div id="handlebarExample"></div>
...
<script id="handlebarExampleTarget" handlebar...></script>
아무래도 완전히 컴파일이 되기 전에 script가 동작하게 되어 일어난 현상이 아닐까 싶습니다.
2시간동안 헤매었는데, 논리상 오류가 없다보니 위치를 고려하지 못했었습니다.
Handlebars
handlebarsjs.com
Handlebars Pass a string or Handlebars AST to Handlebars compile
I know its been asked many times, I have looked at the answers and not sure where I am going wrong. I have looked at the docs on Handlebarsjs and followed a tutorial and both times I am getting the
stackoverflow.com
이상입니다.
반응형
'FrontEnd > jQuery' 카테고리의 다른 글
| [jQuery, Swiper] Swiper - activeIndex, slideChange 사용방법 (0) | 2022.07.10 |
|---|---|
| [jQuery] $.extend 란? 사용하는 방법 / How to use $.extend (0) | 2022.07.09 |
| [ jQuery ] Radio 체크 여부 확인하기, 값 가져오는 방법 (0) | 2022.05.26 |
| [ jQuery ] Button 의 disabled 속성 없애기 / 버튼 활성화 하는 방법 (0) | 2022.05.25 |
