👏

router-viewにViteのHMRが効かなかった

1 min read

個人的にハマったのでメモ

現象

Vite+Vue3+vue-routerで開発をしている時に、App.vueのrouter-viewで表示するコンポーネントを書き換えてもHMRが効かず、サーバー再起動しないと変更が反映されなくなった。

バージョン

  • Vue 3.0.5
  • Vite 2.1.5
  • vue-router 4

原因

src配下のディレクトリが一部大文字から始まっていた。小文字に修正したら問題なく動いた。
src/Viewsとなっていたのを src/viewsに変更。