VueJS/VueX Maximale Call-Stack-Größe überschritten

Question

Ich arbeite gerade an einem Vue-Projekt, ich verwende Vuex für die Statusverwaltung. Aber wenn ich die beiden unten aufgeführten Aktionen in meiner Komponente mit mapactions und mapgetters verbinde, bekomme ich Maximale Call-Stack-Größe überschritten Fehler in meiner Konsole.

Ich weiß nicht, was ich falsch mache.

import Vue from 'vue' 
import Vuex from 'vuex' 
import service from "../services/statisticsService" 
import moment from 'moment' 

Vue.use(Vuex) 

const state = { 
    customersAndServicesOverTime:[], 
    counters:{} 
} 
const actions = { 
    actGetAllData(context){ 
     context.dispatch('actGetCustomersAndServicesOverTime') 
     context.dispatch('actGetCounters') 
    }, 

    actGetCustomersAndServicesOverTime(context){ 
     service.getCustomerAndServicesOverTime(context.getters.getJWT) 
      .then(response =>{ 
       context.commit('mutCustomersAndServicesOverTime', response.body) 
      }) 
    }, 
    actGetCounters(context){ 
     service.getCounts(context.getters.getJWT) 
      .then(response =>{ 
       context.commit('mutCounts', response.body) 
      }) 
    } 
} 
const mutations = { 
    mutCustomersAndServicesOverTime(state,payload){ 
     state.customersAndServicesOverTime ={ 
      labels:payload.map(x => moment(x.created).format("DD-MM-YYYY")), 
      datasets:[{ 
       data:payload.map(x => x.customersCount), 
       backgroundColor:"rgba(52, 73, 94,0.5)", 
       label:"customers",lineTension:0 
      },{ 
       data:payload.map(x => x.servicesCount), 
       backgroundColor:"rgba(230, 126, 34,0.5)", 
       label:"services",lineTension:0 
      }]} 
    }, 
    mutCounts(state,payload){ 
     state.counters = payload 
    }, 
} 
const getters = { 
    getCustomersAndServicesOverTime:state=>state.customersAndServicesOverTime, 
    getCounts:state=>state.counters, 
} 

export default { 
    state, 
    getters, 
    actions, 
    mutations 
} 

In meinem Dienst erklärte ich zwei Funktionen, die mit meinem API verbinden.

import Vue from 'vue' 
import VueResource from 'vue-resource' 
import CONFIG from "../config" 

export default { 
    getCounts(jwt) { 
     return Vue.http.get(CONFIG.API + "statistics/counts", { 
      headers: { 
       'Content-Type': 'application/json' 
       ,'Authorization': 'Bearer ' + jwt 
      } 
     }) 
    }, 
    getCustomerAndServicesOverTime(jwt) { 
     return Vue.http.get(CONFIG.API + "statistics/customersandservicesovertime", { 
      headers: { 
       'Content-Type': 'application/json' 
       ,'Authorization': 'Bearer ' + jwt 
      } 
     }) 
    } 
} 

Answer 1

Es war kein vuex Problem. Ich benutze vue-chartjs und habe meine Objektinstanz nicht kopiert, sondern als Referenz verwendet. Dies führt dazu, dass der maximale Aufrufstapelgröße den Fehler überschritten hat.

https://github.com/apertureless/vue-chartjs/issues/197