“在'../store‘中找不到导出'store’

Question

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

路由器/auth-Guard.js

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

store/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
}
})