Vue + Vite HMR problem

Get Help
#1

Not sure if it is a Vue or Vite issue, but when I change HTML in template tag in a Vue + Vite project, I’m getting an error:

ReferenceError: can't access lexical declaration 'ComponentName' before initialization

and

[hmr] Failed to reload /src/views/ComponentName.vue. This could be due to syntax errors or importing non-existent modules. (see errors above)

This is true only for some components/views and only regards template, the script and style tags don’t cause the erorr to happen. I cannot find any regularity in this, like it only affects a random number of components.
What can be causing this?

1 Like
#2

I am also facing same issue. Whenever save, the app crashes with above error.

#3

This is exactly the same issue for me. I’m also using vue in combination with vite and the issue appears whenever i save a .vue file.