【Vue】Viteのホットリロードが動かない時の対応方法

Dokcerで Vite + Vue3 + TypeScript で構成したフロントエンドがホットリロードが動かない時の対処法メモ

環境情報

• Docker
• Vite 3.2.38
• Vue 3.0.9

対処方法

vite.config.ts にホットリロードの設定を追記する。

1
2
3
4
5
6
7
8

export default defineConfig({
  plugins: [vue()],
  server: {
    watch: {
      usePolling: true
    }
  }
})

参考

• WSL2上のコンテナでの開発時にviteのホットリロードが効かない事象への対処法 - Qiita