Vue.js SyntaxError:意外标记。。。(82:8)在Browserify中

Vue.js SyntaxError:意外标记。。。(82:8)在Browserify中,vue.js,vuex,Vue.js,Vuex,我正在尝试在Vuex中使用mapActions,如中所示 但是,它给了我SyntaxError:Unexpected tokenat…。我不确定问题是什么,以及我需要在问题中包含哪些细节。尝试将此添加到您的package.json中 "eslintConfig": { "parserOptions": { "ecmaVersion": 6, "sourceType": "module", "ecmaFeatures": { "jsx":

我正在尝试在Vuex中使用mapActions,如中所示


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

尝试将此添加到您的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
。以下是我如何将其保存在我的吞咽文件中:

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阶段的功能(如通常不会考虑的对象扩展运算符)编译资产。

尝试将其添加到您的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
。以下是我如何将其保存在我的吞咽文件中:

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阶段的功能(如对象扩展操作符)编译资产,而这通常是不会考虑的。

1:安装标签插件:

npm install --save-dev babel-plugin-transform-object-rest-spread
2:然后按如下方式修复.babelrc文件:

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

1:安装标签插件:

npm install --save-dev babel-plugin-transform-object-rest-spread
2:然后按如下方式修复.babelrc文件:

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

请让我看看你的packages.json。这是一个与ES6汇编相关的问题。您使用的是browserify还是webpack?您的问题已经得到了回答。@AntónioQuadrado我已经尝试过了,但仍然是一样的:(@AntónioQuadrado我正在使用browserify、gulp、laravel elixr和Vueify请让我看看你的packages.json。这是一个与ES6编译相关的问题。你在使用browserify还是webpack?你的问题已经得到了回答。@AntónioQuadrado我已经尝试过了,但仍然是一样的:(@AntónioQuadrado我用的是browserify、gulp、laravel elixr和vueify