Wie genau verwenden Sie mapState?

Question

Ich versuche mapState in Vuex wie folgt zu verwenden:

mapState({ 
     locations: state => state.locations, 
     types: state => state.models.types, 
     models: state => state.models.models, 
     vendors: state => state.models.vendors, 
     statuses: state => state.statuses, 
    }) 

ich ein ‚unerwartetes Token‘ Fehler kompilieren erhalten, mit Browserify am ersten fetten Pfeil. Wenn ich die Ausbreitung Betreiber versuchen und verwenden:

...mapState({ 

Der Compiler-Fehler bei der ...

Answer 1

Das ist ein object property spread. So ziemlich nichts unterstützt es nativ und das es2015 Babel Preset enthält es nicht.

1. es installieren mit npm i -D babel-plugin-transform-object-rest-spread

2. es zu Ihrem .babelrc hinzufügen. Es sollte wie folgt aussehen: { "presets": ["es2015"], "plugins": ["transform-object-rest-spread"] }

Answer 2

passiert Es scheint, Sie haben babel installiert nicht. Babel ist ein Transpiler für JavaScript, der aus ES6 Code macht, der heute in unserem Browser läuft.

Sie werden babelify in Ihrem Setup von Browserify benötigen. Sie können durch alle tutorial auf, wie babel mit brownify einrichten, gibt es viele verfügbar.