vite vue3 hmr 热更新失效

[yijiang0311]

页面中引用了这个组件后 热更新失效。 使用：

<script setup lang="ts">
import draggable from 'vuedraggable'
const list = ref([1, 2])
</script>

<template>
  <div class="LayerTest">
    <draggable
      :list="list"
      item-key="name"
      class="list-group"
      ghost-class="ghost"
    >
      <template #item="{ element }">
        <div class="list-group-item">
          {{ element }}
        </div>
      </template>
    </draggable>
  </div>
</template>

<style lang="scss" scoped>
</style>

控制台输出的日志如下： 3:59:07 PM [vite] hmr update /src/pages/editor/[id].vue (x2) 好像成功的日志。 但是网页是没有更新到最新的。

[kuzroman]

updating versions helped me

[barisener]

same issue when use it with quasar framework.

[Yoduh]

same issue when use it with quasar framework.

Currently Quasar CLI scaffolds new projects with Vite v2.x. I resolved the issue with Quasar by upgrading to @quasar/app-vite v2 (which installs Vite v5.x) following their upgrade guide https://quasar.dev/quasar-cli-vite/upgrade-guide