Vuejs Cannot read property 'use' of undefined error

Question

I'm trying to integrate a Datatable plugin (https://www.npmjs.com/package/vuejs-datatable) in my Vue application and I'm getting an error in my console.

Uncaught TypeError: Cannot read property 'use' of undefined
    at eval (vuejs-datatable.js?b015:1)
    at Object.eval (vuejs-datatable.js?b015:1)
    at eval (vuejs-datatable.js:4)
    at Object../node_modules/vuejs-datatable/dist/vuejs-datatable.js (app.js:10170)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)
    at eval (selector.js?type=script&index=0!./src/views/tables/data-table.vue:2)
    at Object../node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/views/tables/data-table.vue (app.js:1438)
    at __webpack_require__ (app.js:679)
    at fn (app.js:89)

My dataTable.vue file:

<template lang="html">

  <section class="data-table">
   <datatable :columns="columns" :data="rows"></datatable>
  </section>

</template>

<script lang="js">
import Vue from 'vue'
import DatatableFactory from 'vuejs-datatable'
export default {
  name: 'DatatablePage'
}
Vue.use(DatatableFactory)
</script>

And whenever i try to use 'Vue.use(PluginName)' when integrating a plugin, i get the similar error. I'm new to VueJS. Is there anything i need to do ?

What if you move Vue.use ... to above the export default? — CUGreen
– CUGreen, Commented Dec 14, 2018 at 3:35
I'll get an error saying 'Unexpected token' and the app fails to compile — Fabul
– Fabul, Commented Dec 14, 2018 at 3:41
What is the version of VueJs you're using, it's greater than 2.3? — ThangLe
– ThangLe, Commented Dec 14, 2018 at 3:46
getting the same error with the same plugin (vuejs-datatable), double-checked plugin is added before the main Vue instance is initialized as per @Psidom 's answer below. — PeterG
– PeterG, Commented Jan 7, 2019 at 18:13

tony19 · Accepted Answer · 2022-07-15 21:51:44Z

3

You need to add plugin before your main Vue instance is initialized; See using vue plugins here, which says:

Use plugins by calling the Vue.use() global method. This has to be done before you start your app by calling new Vue().

For your case, move

import Vue from 'vue'
Vue.use(DatatableFactory)

to your main.js, so it looks like:

import Vue from 'vue'
Vue.use(DatatableFactory)

// some other code

new Vue({
...
})

edited Jul 15, 2022 at 21:51

tony19

140k23 gold badges281 silver badges354 bronze badges

answered Dec 14, 2018 at 3:49

akuiper

216k33 gold badges362 silver badges379 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

PeterG · Accepted Answer · 2019-01-07 18:23:20Z

2

Adding the following in weback.config.js seemed to do the trick:

module.exports = {
    resolve: {
        alias: {
            ...
            'vuejs-datatable': 'vuejs-datatable/dist/vuejs-datatable.esm.js',
            ...
        }
    },
}

Based on discussion here:

https://github.com/pstephan1187/vue-datatable/issues/50

answered Jan 7, 2019 at 18:23

PeterG

7822 gold badges11 silver badges28 bronze badges

Comments

Nodira · Accepted Answer · 2019-02-20 06:58:57Z

0

I faced the same error in my vue-app.

import Vue from 'vue';
import VueRouter from 'vue-router';
...some more imports here....

Vue.use(VueRouter);

...

The error was cannot read property 'use' of undefined. Which means, it had a problem with reading Vue. I checked my package.json and package-lock.json (for whether I installed in my local). Everything seemed ok. I had both Vue and Vue-router.

Deleting node_modules and re-installing worked for me.

answered Feb 20, 2019 at 6:58

Nodira

6661 gold badge9 silver badges24 bronze badges

2 Comments

Muhammed Yusuf Taşkesenligil Over a year ago

How can you delete and re-install node_modules folder from project ? Can you explain please ?

Muhammed Yusuf Taşkesenligil Over a year ago

I tried what you said but the problem is not solved

Collectives™ on Stack Overflow

Vuejs Cannot read property 'use' of undefined error

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related