구문 오류:Browserify에서 예기치 않은 토큰... (82:8)

구문 오류:Browserify에서 예기치 않은 토큰... (82:8)

Vuex 액션에 지정된 대로 Vuex에서 mapActions를 사용하려고 합니다.

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

하지만, 그것은 나에게SyntaxError: Unexpected token에...무엇이 문제인지, 질문에 어떤 세부사항을 포함해야 하는지 잘 모르겠습니다.

패키지에 추가해 보세요.json

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

그리고 당신의 larabel-harxir 인스턴스의 gulp 파일에 babelify라는 이름의 변압기가 있는지 확인합니다.elixir.config.js.browserify.transformers그리고 만약 그것이 존재한다면, 그 안에 밀어넣어라.options.presets끈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는 보통 고려되지 않는 오브젝트 확산 연산자와 같은 2단계 기능을 사용하여 자산을 컴파일합니다.

1: 라벨 플러그인 설치:

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

2: 다음으로 .babelrc 파일을 다음과 같이 수정합니다.

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

언급URL : https://stackoverflow.com/questions/39815832/syntaxerror-unexpected-token-828-in-browserify