Quantcast
Channel: Vue js "store is not defined" in router.js - Stack Overflow
Viewing all articles
Browse latest Browse all 3

Vue js "store is not defined" in router.js

$
0
0

I want to perform a redirect, but before the redirect happens i want to perform a action using store.dispatch. Error is "store is not defined" in the console.

I have tried putting the whole line of code in a variable and check if true and if null, the error dissapears but the actions never gets called, and the debugger shows vue is jumping over the if-statement.

import Vue from 'vue'import store from './store/index'import Router from 'vue-router'import Settings from './views/Settings.vue'Vue.use(Router)export default new Router({    mode: 'history',    base: process.env.BASE_URL,    routes: [        {            path: '/myPath',            name: 'myPathName',            component: {},            beforeEnter(to, from, next) {                //STORE is not defined                store.dispatch("path/MY_ACTION");                    next({                        name: "destinationPath",                     })            }        }-----------------------------------------------------------------------------MY STORE// STORE -> MODULES -> CONFIGURATION -> INDEXimport windowsModule from "../windows/index"import mainDoorModule from "../maindoor/index"import doorLeavesModule from "../doorleaves/index"import doorModule from "../door/index"import actions from "./actions"import mutations from "./mutations"export default {    namespaced: true,    modules: {        windows: windowsModule,        mainDoor: mainDoorModule,        doorLeaves: doorLeavesModule,        door: doorModule    },    state: {        configurationId: 0,        savedConfigurationsViewModel: [],        errors: {},        configurationsToSend: []    },    mutations,    actions}//THE ACTION I AM TRYING TO REACH INSIDE ACTIONS// STORE -> MODULES -> CONFIGURATION -> ACTIONS GET_DEFAULT_CONFIGURATION({ commit }) {    commit('SET_CONFIGURATION', {        //DATA    }}

Viewing all articles
Browse latest Browse all 3

Latest Images

Trending Articles





Latest Images