vue 테이블을 구현하는 동안 템플릿을 컴파일하는 동안 오류 인스턴스 대신 "exported value" 오류가 발생했습니다.

vue 테이블을 구현하는 동안 템플릿을 컴파일하는 동안 오류 인스턴스 대신 "exported value" 오류가 발생했습니다.

노드 모듈을 사용하여 애플리케이션에서 Vue 테이블 플러그인을 사용하여 Vue 테이블을 구현하려고 합니다.여기서 모든 Vue 테이블 구성 요소를 사용하는 동안 오류가 발생합니다.여기서 npm을 사용하여 모든 Vue 테이블 플러그인을 설치하고 사용자 지정 구성 요소로 가져옵니다.

여기에 제 코드 조각이 첨부되어 있습니다.

import Vuetable from 'vuetable/src/components/Vuetable.vue';
import VuetablePagination from 'vuetable/src/components/VuetablePagination.vue';
import VuetablePaginationDropdown  from 'vuetable/src/components/VuetablePaginationDropdown.vue';

여기서는 먼저 vue 테이블 플러그인을 컴포넌트로 Import합니다.그런 다음 이러한 구성 요소를 vue 인스턴스의 사용자 지정 구성 요소에 등록합니다.

 data () { 
   return{
     columns: [
          'name',
          'nickname',
          'email',
          'birthdate',
          'gender',
          '__actions'
        ]
      }
    },
    components : {
        Vuetable,
        VuetablePagination,
        VuetablePaginationDropdown
    }

그리고 템플릿 섹션에 이 코드 블록을 적습니다.

<vuetable
     api-url="http://vuetable.ratiw.net/api/users"
     table-wrapper="#content"
     pagination-component="vuetable-pagination"
     :fields="columns">
</vuetable>

먼저 vue를 Import하여 아래 샘플과 같은 컴포넌트를 사용합니다.

import vue from 'vue';
vue.use(Vuetable);
vue.use(VuetablePagination);
vue.use(VuetablePaginationDropdown);

각 인스턴스 구성 요소 html 구조를 디버깅해야 할 수 있습니다.다음 중 하나가 누락될 수 있습니다.

• 닫힘 태그 화살표>또는 태그 슬래시를 닫습니다./당신의 요소 중 하나에서.
• 단일 루트 요소가 없습니다.

언급URL : https://stackoverflow.com/questions/46071400/getting-error-emitted-value-instead-of-an-instance-of-error-while-compiling-te