vue.js - "export ' 存储 ' was not found in ' ../存储'

Question

大家好，我正在尝试将我的商店导入我的 Vuex Route-Gard。

路由器/auth-guard.js

import {store} from '../store'
export default (to, from, next) => {
if (store.getters.user) {
  next()
} else {
next('/login')
}
}

商店/index.js

import {store} from '../store'
export default (to, from, next) => {
if (store.getters.user) {
  next()
 } else {
 next('/login')
 }
}

我得到的错误
在“../store”中找不到导出“store”

我的 vue 设置

"dependencies": {
"firebase": "^4.3.0",
"vue": "^2.3.3",
"vue-router": "^2.6.0",
"vuex": "^2.3.1"

Answer 1

我能够通过这种方法解决这个问题。
main.js

import {store} from './store'
new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: {
    App
  },

auth-guard.js

import {store} from '../store'
export default (to, from, next) => {
if (store.getters.user) {
  next()
 } else {
 next('/login')
}
}

store/index.js

Vue.use(Vuex)
export const store = new Vuex.Store({
modules: {
products,
bids,
user
}
})