vue.js - Browserify 中的语法错误 : Unexpected token . .. (82:8)

Question

我正尝试在 Vuex 中使用 mapActions，如 Vuex Actions 中给出的那样

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 文件中检查 elixir.config.js.browserify.transformers 中是否有一个名为 babelify 的转换器，如果它存在则插入它的 选项。预设 一个字符串stage-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 使用 stage-2 功能(例如通常不会考虑的对象展开运算符)编译 Assets 。