小编Nem*_*sis的帖子

我正在尝试使用 TailwindCSS 和 SvelteKit 编写一个应用程序，该应用程序在底层使用 ViteJS，在编码时我意识到我内部的Header组件在更改时./src/components/common/Header.svelte不会热重载。无论对组件的更改有多大或多小，Svelte 都不会显示它们，直到我在控制台中终止脚本并重新运行npm run dev。

正常的行为是整个页面随着页面以外的组件的更改而更新。

请注意，添加和删除对任何路由的更改都会立即可见，但组件保持不变。

一段时间后，这个问题变得非常烦人，我尝试在 TailwindCSS 和svelte.config.js（不是 Svelte-Kit 中的 .cjs 文件）文件中找到修复程序。

在搜索了大量答案后，我找不到任何有效的方法。

这种行为很奇怪，因为在我从事的其他使用 TailwindCSS 和 Svelte-kit 相同架构的项目中，HMR 的工作方式就像一个魅力。

这是我的文件的代码Header.svelte和__layout.svelte

标题.svelte

<script>
</script>

<header>
    <!-- TEST HEADER -->
    <nav>
        <ul class="flex gap-5 bg-red-500">
            <!--These classes are tests and won't change the appearance of the Header unless I restart the script-->
            <li><a href="/">Home</a></li>
            <li><a href="/about">About</a></li>
            <li><a href="/contact">Contact</a></li>
            <!--Other random change that …