vuex неизвестный тип мутации: приложение Nativescript - PullRequest
Новая
       7

vuex неизвестный тип мутации: приложение Nativescript

0 голосов
/ 06 февраля 2019

Я пишу приложение Vue.js Nativescript.Я хочу, чтобы Vuex управлял состоянием соединения мобильного устройства

код, который я настроил для мониторинга состояния соединения и запускается каждый раз, когда оно изменяется, я хочу установить состояние vuex, когда это происходит

когда я запускаю код на эмуляторе, он правильно определяет изменение состояния, но выдает эту ошибку 

[vuex] unknown mutation type: updateConnectionStatus

Я предполагаю, что код не выполняется из правильного места, но он не жалуется на поискмагазин.

это мой app.js 

import Vue from "nativescript-vue";
import axios from 'axios'
import VueAxios from 'vue-axios'
import router from "./router"
import store from './store/store';
import * as connectivity from "tns-core-modules/connectivity";

const httpModule = require("http");

Vue.prototype.$router = router
Vue.use(VueAxios, axios)

connectivity.startMonitoring((newConnectionType) => {
    console.log('monitoring')
    switch (newConnectionType) {
        case connectivity.connectionType.none:
            store.commit('updateConnectionStatus', 'false')
            console.log("No network connection available!");
            break;
        case connectivity.connectionType.wifi:
            store.commit('updateConnectionStatus', 'true')
            console.log("You are now on wifi!");
            break;
        case connectivity.connectionType.mobile:
            store.commit('updateConnectionStatus', 'true')
            console.log("You are now on a mobile data network!");
            break;
    }
});


new Vue({

    render: h => h('frame', [h(router['login'])]),
    store,

}).$start()

и мой мутатор выглядит как 

const mutations = {
    updateConnectionStatus(state,{ status }) {
        // mutate state
        state.connectionStatus = status
    }
}
...