laravel-mix 5→6 にバージョンアップしてハマりました｡error: unknown option ‘--hide-modules’ [webpack-cli] Run ‘webpack --help’

laravel mix をバージョンアップしたらハマったので黙示録

きっかけ

1. 脆弱性チェック
   npm audit
2. 脆弱性をみつけたので 愚かにも 何も考えずに
   npm audit fix --force
3. 気づかずlaravel mixがアップデートされていたことに気づく
4. 今後のためにも対応させたいと思い立つ
5. はまる
   error: unknown option ‘--hide-modules’ [webpack-cli] Run ‘webpack --help’

改善方法の結論

• package.jsonの scriptsの書式をlaravel-mix v6に合わせて編集

"scripts": {
    "development": "mix",
    "watch": "mix watch",
    "watch-poll": "mix watch -- --watch-options-poll=1000",
    "hot": "mix watch --hot",
    "production": "mix --production"
}

• webpack.mix.jsをlaravel-mix v6に合わせて編集

mix.ts('resources/ts/app.tsx', 'public/js')
.sass('resources/sass/app.scss', 'public/css')
.react();  //ここ追加

教訓

• npm audit fix --forceは安易に使わない
• リファレンスを真っ先に探す

参照リソース

リファレンス