Vuejs无法读取未定义错误的属性“use”

Question

我正在尝试集成一个Datatable插件(https://www.npmjs.com/package/vuejs-datatable)在我的Vue应用程序中，我的控制台出现了一个错误。

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)

我的dataTable.vue文件：

<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>

每当我尝试使用Vue时。使用（PluginName）'当集成插件时，我会遇到类似的错误。我是VueJS的新手。有什么我需要做的吗？

Answer 1

我在vue-app中遇到了同样的错误。

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

Vue.use(VueRouter);

...

错误是无法读取未定义的属性“use”。这意味着读取Vue时出现问题。我检查了我的package.json和package-lock.json（是否安装在本地）。一切似乎都很好。我有Vue和Vue-router。

删除node_模块并重新安装对我来说很有效。

Answer 2

在weback中添加以下内容。配置。js似乎做到了这一点：

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

根据这里的讨论：

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

Answer 3

您需要在初始化主Vue实例之前添加插件；请参阅此处使用vue插件，其中说：

通过调用Vue.use（）全局方法来使用插件。这必须在调用new Vue（）启动应用程序之前完成。

为了你的案子，动起来

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

到你的main。js，所以它看起来像：

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

// some other code

new Vue({
...
})