[Vue.js] Error compiling template: 응답 HTML이 깨져서 오는 경우

Vue.js가 적용된 페이지에서 응답 HTML이 중간에 뭉텅이로 빠지는 오류가 발생했다. Tomcat 서버에서는 정상적으로 동작했으나, Resin 서버에서만 오류가 발생했다. 렌더링 방식이 달라서 그런 것 같다. 증상을 조금 더 설명하자면, 신기하게 문서의 맨앞과 맨뒤는 맞는데 중간 부분이 말끔히 사라지고 그 부분은 자연스럽게 이어붙어있다. 

원인은 Vue.js 렌더링 동작이 포함된 JavaScript 코드가 head 태그에 들어있었기 때문이었다. 해당 JavaScript 코드를 HTML DOM 최하단에 추가했더니 해결되었다.

주먹구구식으로 쓰고 있었는데, 얼른 소개 문서라도 읽어봐야겠다.

Vue.js 공식 튜토리얼 링크: https://kr.vuejs.org/v2/guide/