npm run buildをすると、ES6文法が認識されない

Question

前提・実現したいこと

vueとnode.jsで開発したプロジェクトをnpm run buildで立ち上げたいです。

npm run devをすると特にエラーは出ていないのですが、
npm run buildの場合にES6文法の部分で「Unexpected token」というエラーが出ています。

ES6文法に対応させるために必要な処理がわからず詰まってしまったため、ご教示いただきたいです。

発生している問題・エラーメッセージ

# npm run build

>  プロジェクト名@1.0.0 build プロジェクトディレクトリ/client
> cross-env NODE_ENV=production webpack --progress --hide-modules

Hash: 979d638ce806a5239ac1                                                              
Version: webpack 3.12.0
Time: 5420ms
                                        Asset     Size  Chunks                    Chunk Names
画像.png?486f31e8b61bb77fd2fc9b2adfc165fc  6.36 MB          [emitted]  [big]  
画像.png?d46a380a0b171ee7aca1454634084541  5.94 MB          [emitted]  [big]  
画像.png?b6f03072352342955ad2e1cf6260da9d  6.16 MB          [emitted]  [big]  
画像.png?f44f827afe1345914d04af26bd6efb78   538 kB          [emitted]  [big]  
画像.png?ca771347b7b49a65a3ec9b0f4350db98  2.88 kB          [emitted]         
                                     build.js  1.97 MB       0  [emitted]  [big]  main
                                 build.js.map  2.48 MB       0  [emitted]         main

ERROR in build.js from UglifyJs
Unexpected token: operator (>) [src/pages/Login.vue:71,0][build.js:17381,22]
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! プロジェクト名@1.0.0 build: `cross-env NODE_ENV=production webpack --progress --hide-modules`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the プロジェクト名@1.0.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2019-05-17T03_37_27_094Z-debug.log

該当のソースコード

const methods = {
  login : function() {
    axios
      .post(
       略
      )
      .then(response => { //71行目
       略
      })
      .catch(error => {
       略
      })
  }
}

  "scripts": {
    "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",
    "build": "cross-env NODE_ENV=production webpack --progress --hide-modules"
  },

試したこと

https://qiita.com/pentamania/items/c172ef5c9fe780a81e36
こちらを参考に、webpack.config.jsを見直しました

https://qiita.com/Yorinton/items/fd9dae33c6748abcdfbc
こちらを参考に、package.json内の記述を見直しました

Comments

[miyabi-sun]

ふーむ…とりあえずNode.jsとnpmのバージョンを教えてくださいな。
`node -v`コマンド、`npm -v`コマンドで取得できますよ。

このNode.jsのES対応表によると、Node.jsの6系でアロー関数が対応されたようで、4系の場合は動作しません。
https://node.green/#ES2015-syntax-destructuring--parameters-defaults--arrow-function

[rinimaruranran]

バージョンは問題なさそうでした。
実行結果を記載します。

$ node -v
v8.16.0

$ npm -v
6.4.1

Answer 1

こちらの修正をお願いします。

ERROR in build.js from UglifyJs
Unexpected token: operator (>) [src/pages/Login.vue:71,0][build.js:17381,22]

Comments

[rinimaruranran]

そちらのエラー文にてUnexpected token としてアロー関数の記述を指摘されているので、
アロー関数含めES6文法を認識させるためにはどのようにしたら良いかという質問です。
不明瞭な質問でしたら申し訳ございません。