vue-progressbar в vuex typeError

Question

Я только начал изучать vue и vuex.

Я хочу использовать индикатор прогресса от по этой ссылке

Как сказано в описании, я импортировал файл main.js в свой actions.js

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

чтобы я мог использовать это как раз перед моим axios-запросом :

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

Это работает, но я получаю ошибки при работе на этих страницах.

("Ошибка типа: _main__WEBPACK_IMPORTED_MODULE_1 __. По умолчанию не определено ")

Редактировать: Обновлен файл main.js

Итак, мой вопрос, как мне это исправить?

Answer 1

Похоже, что один из импортируемых вами модулей экспортирует что-либо по умолчанию, можете ли вы проверить / включить файлы вашего магазина и маршрутизатора?

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