Vue.js Vuejs无法读取属性';使用';未定义错误的定义

Vue.js Vuejs无法读取属性';使用';未定义错误的定义,vue.js,datatables,vuejs2,vue-component,Vue.js,Datatables,Vuejs2,Vue Component,我试图在我的Vue应用程序中集成Datatable插件(),但我的控制台中出现了一个错误 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_mo

我试图在我的Vue应用程序中集成Datatable插件(),但我的控制台中出现了一个错误

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文件:

<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”导入Vue
从“vuejs datatable”导入DatatableFactory
导出默认值{
名称:“DatatablePage”
}
Vue.use(DatatableFactory)

每当我尝试在集成插件时使用“Vue.use(PluginName)”,我都会遇到类似的错误。我是VueJS的新手。有什么我需要做的吗

在初始化主
Vue
实例之前,需要添加插件;看,上面写着:

通过调用Vue.Use()全局方法使用插件这必须是 在启动应用程序之前,通过调用
new Vue()
完成

就你的情况来说,走吧

从“Vue”导入Vue
Vue.use(DatatableFactory)
到您的
main.js
,因此它看起来像:

从“Vue”导入Vue
Vue.use(DatatableFactory)
//其他代码
新Vue({
...
})

在weback.config.js中添加以下内容似乎可以奏效:

module.exports = {
    resolve: {
        alias: {
            ...
            'vuejs-datatable': 'vuejs-datatable/dist/vuejs-datatable.esm.js',
            ...
        }
    },
}
根据这里的讨论:


我在vue应用程序中遇到了相同的错误

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路由器


删除
node\u模块
重新安装对我来说很有效

如果将
Vue.use…
移动到
导出默认值
上方,会出现错误,提示“意外令牌”,应用程序无法编译您正在使用的VueJs版本,大于2.3?同一个插件(vuejs datatable)出现相同错误,在按照@Psidom下面的回答初始化主Vue实例之前添加了双重检查的插件。如何从project中删除并重新安装node_modules文件夹?你能解释一下吗?我试过你说的,但问题没有解决