SvelteKit/Vite热模块重载异常致全局SCSS失效求助

问题现象 #

• 执行npm run dev启动项目后，约1分钟会触发全量热模块重载（HMR），导致页面样式损坏
• 重载时的日志栈追踪：

  23:09:37 [vite] page reload .svelte-kit/generated/nodes/8.js
  23:09:37 [vite] hmr update /.svelte-kit/generated/root.svelte
  23:09:37 [vite] page reload .svelte-kit/generated/server-internal.js
  23:09:37 [vite] page reload src/declarations/cmc/cmc.factory.did.js
  23:09:37 [vite] hmr update /src/frontend/src/lib/components/guards/IdentityGuard.svelte
  

• 额外异常：Vite频繁检测到未修改的tsconfig.json文件发生变更，触发全量重建，日志如下：

  23:09:37 [vite] changed tsconfig file detected: /Users/.../admin/tsconfig.json - Clearing cache and forcing full-reload to ensure TypeScript is compiled with updated config values.
  

可疑方向 #

• 全局Sass样式未正确完成热重载
• DOM的style标签中被意外注入了Svelte组件的脚本代码，示例：

  <head>
    <style type="text/css" data-vite-dev-id="/Use...CollectionEdit.svelte?svelte&amp;type=style&amp;lang.css">
        ><script lang="ts">
      import type { PermissionText } from '$lib/constants/rules.constants';
          etc.
      </script>
    </style>
  

请求排查线索 #

恳请提供排查或解决该问题的思路与方法。

内容的提问来源于stack exchange，提问作者David Dal Busco