語法錯誤：意外的令牌（82：8）Browserify

我試圖使用mapActions在Vuex在Vuex Actions 語法錯誤：意外的令牌（82：8）Browserify

methods:{ 
      ...mapActions([ 
       'increment' // map this.increment() to this.$store.dispatch('increment') 
      ]) 
}

給予但是，它給我SyntaxError: Unexpected token在...。我不確定問題所在，以及我需要在問題中包含哪些細節。

來源

2016-10-02 jaysingkar

請讓我看看你的packages.json。這是一個與ES6編譯相關的問題。你使用的是browserify還是webpack？ –

您的問題已經回答[這裏]（http://stackoverflow.com/questions/33745118/browserify-babel-6-gulp-unexpected-token-on-spread-operator）。 –

@AntónioQuadrado我已經嘗試過，但仍然一樣:( – jaysingkar

嘗試增加了此信息的package.json

"eslintConfig": { 
    "parserOptions": { 
     "ecmaVersion": 6, 
     "sourceType": "module", 
     "ecmaFeatures": { 
     "jsx": true, 
     "modules": true, 
     "experimentalObjectRestSpread": true 
     }, 
     "env": { 
     "es6": true, 
     "browser": true 
     } 
    } 
    }

，並在您的laravel-仙丹實例檢查你一飲而盡的文件，如果有一個在elixir.config.js.browserify.transformers名爲babelify變壓器，如果它存在推入其options.presets字符串stage-2 。以下是我在我的一g文件中的方式：

var elixir = require('laravel-elixir')  
if (elixir.config.js.browserify.transformers[0].name === 'babelify') { 
     elixir.config.js.browserify.transformers[0].options.presets.push('stage-2'); 
    }

它可能會有所不同，但您明白了。所有這些都使得browserify使用階段2功能編譯資產，如通常不會考慮的對象擴展運算符。

來源

2016-10-03 12:06:18

1：安裝標籤插件：

npm install --save-dev babel-plugin-transform-object-rest-spread

2：然後修復.babelrc文件如下：

{ 
    "presets": [["latest", {"es2015": { "modules": false }}]], 
    "plugins": ["transform-object-rest-spread"] 
}

來源

2017-03-31 02:37:23 Chaos

語法錯誤：意外的令牌（82：8）Browserify

回答

相關問題