Programing

Vuejs 정의되지 않은 오류의 속성 '사용'을 읽을 수 없음

c10106 2022. 3. 8. 21:44
반응형

Vuejs 정의되지 않은 오류의 속성 '사용'을 읽을 수 없음

Vue 응용 프로그램에 데이터 가능 플러그인(https://www.npmjs.com/package/vuejs-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)

내 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.use(PluginName)'를 사용하려고 할 때마다 비슷한 오류가 발생한다.나는 VueJS에 처음 와.내가 해야 할 일이 있니?

메인보다 먼저 플러그인을 추가해야 하는 경우Vue인스턴스가 초기화됨. 여기에서 vue 플러그인 사용을 참조하십시오. 다음 내용:

Vue.use() 글로벌 메서드에 전화를 걸어 플러그인을 사용하십시오.이것은 당신이 전화해서 당신의 앱을 시작하기 전에 이루어져야 한다.

당신의 경우, 움직여라.

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

당신께main.js다음과 같이 보인다.

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

// some other code

new Vue({
...
})

weback.config.js에 다음을 추가하면 요령이 되는 것 같았다.

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

여기서 논의한 내용에 따라:

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

나는 내 vue-app에서 같은 오류에 직면했다.

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

Vue.use(VueRouter);

...

에러는cannot read property 'use' of undefined즉, Vue를 읽는 데 문제가 있었다는 뜻이다.나는 내 것을 확인했다.package.json그리고package-lock.json(로컬에 설치되었는지 여부).모든 것이 괜찮아 보였다.나는 부에와 부에로터를 둘 다 먹었다.

삭제 중node_modules재입고도 날 위해 일했어

참조URL: https://stackoverflow.com/questions/53773128/vuejs-cannot-read-property-use-of-undefined-error

반응형