Getting the error "emitted a value instead of an error instance when compiling the template" when implementing the vue table

Question

I am trying to implement a Vue table using the Vue table plugin in my application using the node module. Here I get an error when using all the components of the Vue table. Here I install the entire Vue table plugin using npm and import them into my custom component.

Here is a snippet of code.

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

Here first I import the vue table plugin into my component. Then register such a component in your custom component in a vue instance.

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

And in the template section, I write this block of code.

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

Answer 1

vue ,

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