Vargrant + Nuxt.jsでホットリロードが効かないとき

はじめに

Laravel + Nuxt.jsで開発中に、ホットリロードが効かない問題が発生し、どうにか効かせるようになったときの対処法を記載する。

macOS Big Sur
Virtual Box 6.1.26
Laravel Mix 5.0
Laravel 6.20.4
PHP 7.3.29
node.js 16.13.2
Nuxt.js 6.14.11
Vue.js 2.6.14

結論からいうと、nuxt.config.jsに下記記述を追加するだけです。ただこれだけ。

export default {
  watchers: {
    webpack: {
      poll: true,
    }
  }
}

色々な参考記事を確認した結果、
ホットリロードはwebpackのwatcherを使用して起動しているようだったので、nuxt.config.jsにそのように明示してやればよいとのこと。
これにたどり着くまで、時間を要しました。。。