Svelte项目npm run dev运行时每次保存后热重载触发2-4次重复编译怎么办
Svelte 保存文件后重复编译排查方案
- 检查 VS Code 相关配置
- 关闭 VS Code 自动保存功能,手动按
Cmd + S保存测试,如果问题消失说明是自动保存的写入频率与 Svelte 文件监听器存在冲突 - 逐个禁用 Svelte 相关、代码格式化相关插件(如 Prettier、ESLint、旧版 Svelte for VS Code)排查,部分格式化插件会在保存后二次写入修改后的文件,导致重复触发监听
- 关闭 VS Code 自动保存功能,手动按
- 调整 Svelte 开发服务配置
- 检查项目根目录下的
svelte.config.js、vite.config.js(SvelteKit 项目)配置,确认无重复监听路径规则,可手动添加监听排除项,示例配置如下:// vite.config.js 中新增 export default { server: { watch: { ignored: ['node_modules/**', '.git/**'] } } } - 升级 Svelte、Vite 到最新稳定版,部分旧版本在 ARM 架构 M 系列芯片的 Mac 上存在文件监听已知bug,升级后可解决多数兼容问题
- 检查项目根目录下的
- 排查 Mac 系统层面冲突
- 确认项目目录未开启 iCloud 云同步,云同步后台写入会触发文件修改事件导致重复编译,可将项目移到非同步的本地目录测试
- 排查是否有后台进程(如杀毒软件、自动备份工具)正在扫描/写入项目目录,占用文件导致修改事件被多次触发
- 终端进程验证:换用系统自带的终端运行
npm run dev,不使用 VS Code 内置终端,排查是否为 VS Code 终端的进程监听冲突导致问题
内容的提问来源于stack exchange,提问作者user3371597
相关产品推荐
相关产品推荐

