Webpack – Laravel-Mix-Kompilierungsfehler, wie kann man ihn beheben?

Question

in ./resources/assets/js/app.js

Module build failed: Error: Couldn't find preset "es2015" relative to directory "/home/insua/sites"
    at /home/insua/sites/laravel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:293:19
    at Array.map (native)
    at OptionManager.resolvePresets (/home/insua/sites/laravel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:275:20)
    at OptionManager.mergePresets (/home/insua/sites/laravel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:264:10)
    at OptionManager.mergeOptions (/home/insua/sites/laravel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:249:14)
    at OptionManager.init (/home/insua/sites/laravel/node_modules/babel-core/lib/transformation/file/options/option-manager.js:368:12)
    at File.initOptions (/home/insua/sites/laravel/node_modules/babel-core/lib/transformation/file/index.js:212:65)
    at new File (/home/insua/sites/laravel/node_modules/babel-core/lib/transformation/file/index.js:135:24)
    at Pipeline.transform (/home/insua/sites/laravel/node_modules/babel-core/lib/transformation/pipeline.js:46:16)
    at transpile (/home/insua/sites/laravel/node_modules/babel-loader/lib/index.js:46:20)
    at /home/insua/sites/laravel/node_modules/babel-loader/lib/fs-cache.js:79:18
    at ReadFileContext.callback (/home/insua/sites/laravel/node_modules/babel-loader/lib/fs-cache.js:15:14)
    at FSReqWrap.readFileAfterOpen [as oncomplete] (fs.js:366:13)

Ich verwende es direkt

composer create-project laravel/laravel laravel --prefer-dist

Die neueste Version von Laravel wird installiert, Yarn installiert npm-Abhängigkeiten und dann führt npm dev aus. Das Ergebnis ist ein Fehler, es2015 kann nicht gefunden werden.

Answer 1

npm install babel-preset-es2015 -g

Answer 2

1. 升级 node npm 到新版

2. 删除 node_modules 重新 yarn 安装