我正在尝试用Vue3、tailwindcss 和 Vite制作一个项目
为此，我使用 Vite js 网站上提到的这个入门模板：https://github.com/web2033/vite-vue3-tailwind-starter
现在的问题是顺风类在 Vite 热重载上不起作用，HTML 正在更新，没有任何问题，但为了看到样式的变化，我需要一次又一次地重新启动服务器
npm run dev
我认为不应该是这样，我不能一次又一次地重新启动服务器
我试图找到一些答案，过了一段时间我也尝试禁用 Chrome 中的缓存，但没有成功。
节点版本：v16.13.0
更新
我最终删除了起始模板，并按照 tailwind-css 网站上的 Vue(vite) 项目说明进行操作，现在工作正常。
我想在 vue3 中使用headless ui 模态，但问题是我不明白如果模态是一个组件，如何从父级（App.vue）切换模态。
我尝试在 Modal.vue 中传递一个 prop，但它不起作用，我的策略是使用 modalActive prop 并观察它并调用适当的函数来切换模态，但它根本不起作用。
无头 UI 中的示例使用了一个按钮，但它位于组件内部，因此显然它可以毫无问题地访问该组件的功能。
我的代码：
应用程序.vue
<template>
<Modal>
<template v-slot:default>
<LoginForm />
</template>
</Modal>
</template>
<script setup lang="ts">
import Modal from './components/Modal.vue';
import LoginForm from './components/LoginForm.vue';
import { ref } from 'vue';
</script>
Modal.vue
<template>
<TransitionRoot appear :show="isOpen" as="template">
<Dialog as="div" @close="closeModal">
<div class="fixed inset-0 z-10 overflow-y-auto">
<div class="min-h-screen px-4 text-center">
<TransitionChild
as="template"
enter="duration-300 ease-out"
enter-from="opacity-0"
enter-to="opacity-100"
leave="duration-200 ease-in"
leave-from="opacity-100"
leave-to="opacity-0"
>
<DialogOverlay class="fixed inset-0" />
</TransitionChild> …