Failed to mount component: template or render function not defined about vue-good-table HOT 9 CLOSED

@dawgavins if you import VueGoodTable from 'vue-good-table you have to install it as a plugin
Vue.use(VueGoodTable)
Directly using the component in this case without installing it (Vue.use) will not work because the main file is basically a plugin install while vue-good-table/src/components/table.vue is the component itself

@xaksis You can do this in index.js

import GoodTable from './components/Table.vue';
//plugin instalation code
export default GoodTablePlugin;
export {
  VueGoodTable: GoodTable
}

//other installation code for window

Which will allow the following:

import {VueGoodTable} from 'vue-good-table'

//usage locally
components:{
 VueGoodTable
}

//template
<vue-good-table></vue-good-table>

from vue-good-table.

Follow-up: if I just use
import VueGoodTable from 'vue-good-table/src/components/table.vue';
the component is working.

from vue-good-table.

hmm this is strange. I haven't been able to reproduce this yet. Will continue digging.

from vue-good-table.

Ok, let me know if I can provide any more info or help.

from vue-good-table.

@dawgavins can you post some code as to how you're trying to load it into your app when you see that error?

from vue-good-table.

@cristijora with the answers! Thanks! will update.

from vue-good-table.

Sorry for the delay in responding. @cristijora nailed it....the local usage posted at the bottom was exactly what I was trying to do.

I verified that it also works if I use
Vue.use(VueGoodTable)

I had tried that before, but I think I might have left something else in my code (possibly listing VueGoodTable as a local component) that caused an error. But it does work, and is probably cleaner than specifying the path to the component as per my first workaround. Of course cristijora's suggestion will be the best overall once its in.

Thanks everyone!

from vue-good-table.

added the following:

export {
   GoodTable as VueGoodTable
};

Tested and released: v1.7.1

from vue-good-table.

The lines:

import 'vue-good-table/dist/vue-good-table.css'
import VueGoodTable from 'vue-good-table'
Vue.use(VueGoodTable)

Solve the issue for me.

from vue-good-table.