vuex typeError中的vue-progressbar答案

【问题标题】：vue-progressbar in vuex typeErrorvuex typeError中的vue-progressbar
【发布时间】：2019-06-01 07:35:29
【问题描述】：

我刚刚开始学习vue和vuex。

我想使用this link的进度条

正如描述所说，我将main.js 文件导入到我的actions.js 中

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

所以我可以在 axios-request 之前使用它：

 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__.default is 未定义")

编辑：更新了main.js 文件

所以我的问题是如何解决这个问题？

【问题讨论】：

您能否编辑以显示完整的 main.js 文件？
@arapl3y 用完整的 main.js 文件编辑了帖子

标签： vue.js vuex

【解决方案1】：

看起来您正在导入的模块之一确实导出了任何默认值，您可以检查/包含您的商店和路由器文件吗？

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

【讨论】：