前提・実現したいこと
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
該当のソースコード
Login.vue
1const methods = { 2 login : function() { 3 axios 4 .post( 5 略 6 ) 7 .then(response => { //71行目 8 略 9 }) 10 .catch(error => { 11 略 12 }) 13 } 14}
package.json
1 "scripts": { 2 "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot", 3 "build": "cross-env NODE_ENV=production webpack --progress --hide-modules" 4 },
試したこと
https://qiita.com/pentamania/items/c172ef5c9fe780a81e36
こちらを参考に、webpack.config.jsを見直しました
https://qiita.com/Yorinton/items/fd9dae33c6748abcdfbc
こちらを参考に、package.json内の記述を見直しました