[HMR] Something went wrong during Vue component hot-reload. Full reload required.

[superCong]

Vue version

3.4.25、3.4.24

Link to minimal reproduction

/

Steps to reproduce

<script setup lang="ts"> </script>

  <v-navigation-drawer>
    <v-list>
      <v-list-item title="Drawer left"></v-list-item>
    </v-list>
  </v-navigation-drawer>

  <v-navigation-drawer location="right">
    <v-list>
      <v-list-item title="Drawer right"></v-list-item>
    </v-list>
  </v-navigation-drawer>

  <v-main class="d-flex align-center justify-center" style="min-height: 300px;">
    Main Content
  </v-main>
</v-layout>

What is expected?

Modify content and update web pages in real-time

What is actually happening?

！上传image.png...
3.4.25、3.4.24：These two versions are unable to update web pages in real-time, while the other versions are functioning normally

System Info

No response

Any additional comments?

No response

[superCong]

[edison1105]

请提供一个可以复现的 demo

[devilmengcry]

@edison1105

bug 复现.zip

运行开发环境，页面处理加载中的状态，然后改代码 title

[superCong]

请提供一个可以复现的 demo

vuetifyjs/vuetify#19698

[edison1105]

Thanks @devilmengcry
related to 6af733d

[superCong]

Seems related to cde7f05

How to handle it? Waiting for repair?

[pzgz]

Yes, same here, but very hard to provide a reproducable simple demo, since it's not there for all vue components and very hard to cherry pick out a simple vue component which can work without other files. With this update, the HMR is nearly useless, excatly same error message above. What I can sure is, if I reverted back to older releases, such as 3.4.21, the HMR worked without any issue

[Saintsalade]

Hello, same here, after initialising with npm create vuetify@latest and adding in App.vue:

<v-app-bar>
      <v-app-bar-title>
        App title
      </v-app-bar-title>
</v-app-bar>

Hot reloading breaks in exactly the same way mentioned above.
A temporary fix is switching to vue 3.4.23. It is a very confusing bug.