Vue-CLI 구성 요소 오류: 템플릿 컴파일러를 사용할 수 없는 Vue 런타임 전용 빌드를 사용하고 있습니다.

Vue-CLI 구성 요소 오류: 템플릿 컴파일러를 사용할 수 없는 Vue 런타임 전용 빌드를 사용하고 있습니다.

VueJs는 처음이고 튜토리얼을 수강하고 있었습니다.다음은 제가 한 단계입니다.

• VUE CLI를 사용하여 프로젝트 생성

• 이 코드로 컴포넌트를 작성하려고 했다.

   var data = {
      items: [{ text: 'Bananas', checked: true },
          { text: 'Apples', checked: false }
          ],
      title: 'My Shopping List',
      newItem: ''
          }; 
  
  Vue.component('items-component', {
      data: function () {
          return data;
      },
      template: `
  <div class="blog-post">
    <span>sample</span>
  </div>
  `
  });
  

• App.vue 템플릿 부분에 추가.

    <items-component></items-component>
  

그러나 이 에러는 발생하고 있습니다.

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.

문의사항

• Vue CLI 프로젝트에서 여러 컴포넌트를 1개의 파일로 작성할 수 있는 방법이 있습니까?또는 컴포넌트를 작성할 수 있는 유일한 방법은 여러 파일뿐입니까?

• CLI를 사용하여 웹 팩을 수동으로 편집하는 것이 좋은 옵션입니까?만약 그렇다면, 같은 링크라도 좋은 것이 있습니까?

알려주세요

제 프로젝트에서도 같은 오류가 있었습니다.해결 방법:

1. 새 파일 생성:vue.config.js

2. 추가:

   module.exports = {
     runtimeCompiler: true
   }
   

당신의 질문에 대해서는 최선의 답변을 하지 못할 수도 있지만 답변하도록 노력하겠습니다.

Vue CLI 프로젝트에서 여러 컴포넌트를 1개의 파일로 작성할 수 있는 방법이 있습니까?또는 컴포넌트를 작성할 수 있는 것은 여러 파일뿐입니까?

사람들은 항상 컴포넌트에 대해 여러 개의 파일을 만듭니다.

이게 도움이 됐으면 좋겠다

언급URL : https://stackoverflow.com/questions/52249045/error-with-vue-cli-component-you-are-using-the-runtime-only-build-of-vue-where