vue.js - SyntaxError: Unexpected token ... (82:8) 在 Browserify

Question

我正在尝试使用Vuex Actions中给出的mapActions

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

但是，它在给SyntaxError: Unexpected token我...。我不确定问题是什么以及我需要在问题中包含哪些细节。

Answer 1

尝试将此添加到您的 package.json

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

并在你的 laravel-elixir 实例的 gulp 文件中检查是否有一个名为 babelify 的转换器elixir.config.js.browserify.transformers，如果它存在 push 到它options.presets的 a stringstage-2中。这是我在 gulp 文件中的方式：

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 功能来编译资产。

Answer 2

1：安装标签插件：

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

2：然后修复.babelrc文件如下：

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