【Laravel】npm run devを実行したら –hide-modulesエラーが出た時の対処法

ReactやVueの開発環境をLaravel Mixを使用して構築する際にnpm run devを実行したら下記のようなエラーが出ました。

error: unknown option ‘--hide-modules’ [webpack-cli] Run ‘webpack --help’

直訳するとhide-modulesというオプションは知らないという意味です。
どうやらlaravel-mixの5系で使えていた–hide-modulesオプションが、6系では使えなくなったエラーのようです。

Package.jsonを書き換える

まずはpackage.jsonのscriptsを下記のように書き換えてみてください。

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

webpack.mix.jsを書き換える

webpack.mix.jsの書き方も6系から少し変わったようです。

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css').react();

まだエラーが治らない場合

npmを再インストールすることで対処します。

rm -rf node_modules
node_modulesを削除
rm package-lock.json
バージョン情報を削除
npm cache clear --force
npmのキャッシュをクリア
npm install
npm start
再度jsモジュールを全部入れ直して、実行する

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。