vuex typeError의 vue-progressbar

vuex typeError의 vue-progressbar

나는 이제 막 vue와 vuex를 배우기 시작했다.

이 링크의 프로그레스바를 사용하고 싶다.

설명에서 말한 것처럼main.js내 안에 줄지어 들어가다actions.js

import app from '../../../main'  //This is causing the error

그래서 나는 이것을 나의 공리 요청 직전에 사용할 수 있었다.

 app.$Progress.start()

그main.js파일:

try {
    window.$ = window.jQuery = require('jquery');
    window.Popper = require('popper.js').default;
    window._ = require('lodash')

    require('admin-lte');
    require('bootstrap')
} catch (e) {}

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store/index'
import VueProgressBar from 'vue-progressbar'
import swal from 'sweetalert2'
import moment from 'moment'

Vue.config.productionTip = false

Vue.use(VueProgressBar, {
    color: 'rgb(143,255,199)',
    failedcolor: 'red',
    height: '5px'
})

Vue.use(require('vue-moment'))
Vue.use(moment)

window.bus = new Vue()
window.swal = swal;

const toast = swal.mixin({
    toast: true,
    position: 'top-end',
    showConfirmButton: false,
    timer: 3500
})

window.toast = toast

export default new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')

이것은 동작하고 있습니다만, 그 페이지를 조작할 때에 에러가 발생하고 있습니다.

( "TypeError: _main_"WEBPACK_IPORTED_MODULE_1_.default는 정의되어 있지 않습니다.)

편집: 갱신된main.js파일

그래서 제 질문은 이 문제를 어떻게 해결하느냐는 것입니다.

Import하는 모듈 중 하나가 기본값으로 내보내는 것 같습니다.스토어 및 라우터 파일을 확인/포함할 수 있습니까?

export default {...} //Missing from one of the modules

언급URL : https://stackoverflow.com/questions/54060808/vue-progressbar-in-vuex-typeerror