SvelteKit中.ts、.js文件热重载失效该如何解决?
SvelteKit .ts/.js 文件热重载失效修复方案
- 检查Vite配置文件
vite.config.js或vite.config.ts,确认server.watch配置项没有将存放JS/TS代码的目录(如src/lib、src/routes)加入忽略列表 - 确认你修改的JS/TS文件已被项目内的Svelte组件、路由入口直接或间接导入,未被任何入口引用的孤立文件不会触发热重载属于预期行为
- 检查项目所在路径是否包含中文、空格或其他特殊字符,Vite的文件监听机制在特殊路径下可能失效,将项目迁移到纯英文无特殊符号的路径后重试
- 清理本地缓存后重启服务,执行以下命令:
rm -rf .svelte-kit node_modules/.vite - 如果你在WSL环境下开发,不要将项目存放在
/mnt/挂载的Windows分区内,跨系统的文件变更通知可能丢失,把项目放到WSL原生文件系统中即可 - 临时禁用所有非官方的Vite插件排查兼容性问题,部分自定义插件可能拦截热更新逻辑导致失效
- 升级到SvelteKit最新稳定版,执行命令:
npm install @sveltejs/kit@latest
内容的提问来源于stack exchange,提问作者0x115
相关产品推荐
相关产品推荐

