Laravel5.4 Laravel-Mix issue  Error: Module build failed: Error: Couldn't find preset "es2015" relative to directory

updated: 2018/2/13

 

Error: Module build failed: Error: Couldn't find preset "es2015" relative to directory

 

laravel-mixがes2015を認識していない

npm install babel-preset-es2015 --save-dev

プロジェクトのroot directoryに.babelrc

{
"presets": [
"es2015", { "modules": false},
]
}

を作る。

 

babel-preset-es2015 は古くなり、Babel 公式から babel-preset-env が recommend されている。

@.babelrc

{
  "presets": [
    ["env", {
      "modules": false
    }]
  ]
}

 

再度npm run dev (npm run watch中だとjsファイルを編集しない限りコンパイルされないので手動でnpm run devをし忘れないこと)

ブラウザのキャッシュ消去も忘れずに

参考:

github.com

ES6 spread syntaxが認識されない場合:

monteecristoo.hatenablog.com

babeljs.io