Mit vuejs neue vuex store bekommt unerwarteten config Fehler

Nach frischen npm und vuex installiert, während mit browserify, die Schaffung neuer Vue.store ständig wirft calendar_component.js:10205Uncaught TypeError: Cannot read property 'config' of undefined.

Öffnung der Fehler offenbart-code:

function Store() {
      var _this = this;

      var _ref = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];

      var _ref$state = _ref.state;
      var state = _ref$state === undefined ? {} : _ref$state;
      var _ref$mutations = _ref.mutations;
      var mutations = _ref$mutations === undefined ? {} : _ref$mutations;
      var _ref$modules = _ref.modules;
      var modules = _ref$modules === undefined ? {} : _ref$modules;
      var _ref$middlewares = _ref.middlewares;
      var middlewares = _ref$middlewares === undefined ? [] : _ref$middlewares;
      var _ref$strict = _ref.strict;
      var strict = _ref$strict === undefined ? false : _ref$strict;
      babelHelpers.classCallCheck(this, Store);

      this._dispatching = false;
      this._rootMutations = this._mutations = mutations;
      this._modules = modules;
      //bind dispatch to self
      var dispatch = this.dispatch;
      this.dispatch = function () {
        for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
          args[_key] = arguments[_key];
        }

        dispatch.apply(_this, args);
      };
      //use a Vue instance to store the state tree
      //suppress warnings just in case the user has added
      //some funky global mixins
      var silent = Vue.config.silent;
      Vue.config.silent = true;
      this._vm = new Vue({
        data: state
      });
      Vue.config.silent = silent;   \\---------------> this is the line of the error here\\
      this._setupModuleState(state, modules);
      this._setupModuleMutations(modules);
      this._setupMiddlewares(middlewares, state);
      //add extra warnings in strict mode
      if (strict) {
        this._setupMutationCheck();
      }
    }

Ich habe keine Ahnung, warum das passiert ist, habe ich versucht neu zu installieren aber beide weiterhin mit diesem Fehler. Hier ist mein root-vue Beispiel, wo ich versuche zu starten, die vuex-Shop.

//browserify entrypoint

var Vue = require('vue');
import Vuex from 'vuex';

import calendarHeader from './components/Header.vue';
import calendarSettings from './components/Settings.vue';
import calendarContent from './components/Contents.vue';

const state = {
    count: 0
}

const mutations = {
    INCREMENT (state) {
        state.count++
    }
}

const store = new Vuex.Store({
    state,
    mutations
});

new Vue({

    store,

    el: '#calendar',

    components: { calendarHeader, calendarSettings, calendarContent},

    ready: function() {

        console.log('Ready too go!');
        console.log(store.state.count) //-> 1
    },

    methods: {

        parallax: function() {

            var velocity = 0.4;
            var pos = $('#calendar').scrollTop();
            var scr = Math.round((0 - pos) * velocity);

            $('.current_day_header .header_window').css('backgroundPosition', '0 ' + scr +  'px');

                if(scr < -200){
                    scr = -200;
                }
        }

    }
});

Wie kann ich diesen Fehler beheben? so fare ich alles entfernt und verengt es bis zu dieser Zeile

const store = new Vuex.Store({

Kann mir jemand helfen?

  • in der Datei, wo es heißt Vue.config.silent haben Sie var Vue = require('vue');
InformationsquelleAutor Ricki Moore | 2016-03-05



2 Replies
  1. 0

    War die Antwort versteckt in der Anleitung. Ich war mit dem Beispiel Teil, die neu zu speichern, aber es verpasst hatte, die Vue.use(Vuex) es war nicht bis viel später in das Dokument, das Sie erwähnt haben, diese Informationen.

  2. 0
    import Vue  from 'vue'
    import Vuex from 'vuex'
    import calendarHeader   from './components/Header.vue'
    import calendarSettings from './components/Settings.vue'
    import calendarContent  from './components/Contents.vue'
    
    //You have to "install" Vuex
    //http://vuejs.org/api/#Vue-use
    Vue.use(Vuex)
    
    const state = {
        count: 0
    }
    
    const mutations = {
        INCREMENT(state) {
            state.count++
        }
    }
    
    const store = new Vuex.Store({
        state,
        mutations
    });

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.