Question

我刚刚开始学习vue和vuex。

我想使用this link中的进度条

就像描述中所说的，我将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')

这正在工作，但是在这些页面上工作时出现错误。

（“ TypeError：_main__WEBPACK_IMPORTED_MODULE_1 __。default是未定义”）

编辑：更新了main.js文件

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

Answer 1

您似乎要导入的模块之一会默认导出任何内容，您可以检查/包括存储和路由器文件吗？

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

vuex typeError

1 个答案: