语法错误：意外的令牌（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

回答

相关问题