# 【Vue】Viteのホットリロードが動かない時の対応方法
> Dokcerで Vite + Vue3 + TypeScript で構成したフロントエンドがホットリロードが動かない時の対処法メモ
- Canonical: https://c-a-p-engineer.github.io/vue3-vite-hotreload/
- Published: 2022-12-07T15:30:00.000Z
- Modified: 2022-12-07T15:30:00.000Z
- Categories: JavaScript
- Tags: JavaScript, TypeScript

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

## 環境情報
* Docker
* Vite 3.2.38
* Vue 3.0.9

## 対処方法
`vite.config.ts` にホットリロードの設定を追記する。
```ts:vite.config.ts {linenos=table,hl_lines=["3-7"]}
export default defineConfig({
  plugins: [vue()],
  server: {
    watch: {
      usePolling: true
    }
  }
})
```

## 参考
* <a href="https://qiita.com/kaazzo/items/53388e83d9587f50f856" target="_blank" rel="nofollow noopener">WSL2上のコンテナでの開発時にviteのホットリロードが効かない事象への対処法 - Qiita</a>