• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

{ template: ... } 는 컴파일러가 필요한 방식이라서 안내가 필요하다고 생각합니다.

19.04.20 15:04 작성 조회수 209

7

2019년 4월 현재 기준으로 보통 vue-cli 3를 이용해서 이 강좌를 쓰시는 분들이 많으실텐데 이 경우에 runtimeCompiler: false 가 기본값이어서 html 문법을 그대로 template에 지정하여 사용하면 작동하지 않습니다.

답변 1

답변을 작성해보세요.

5

Hyunsoo Jung님의 프로필

Hyunsoo Jung

2019.04.23

덕분에 vue-cli 3 버전으로 쉽게 이슈를 해결할 수 있었습니다. 감사합니다.
좀 더 자세한 해결 방법을 공유합니다.

프로젝트 루트 디렉토리에 vue.config.js 파일을 만들고, 아래와 같이 내용을 적었습니다.
참고로 vue.config.js 파일은 @vue/vue-service 에 의해 자동으로 로드된다고 합니다.
자세한 내용은 https://cli.vuejs.org/config/#vue-config-js 문서를 참고하세요~

module.exports = {
  runtimeCompiler: true
}