VS Code中Live Server无法自动刷新、手动刷新也无效如何解决?
VS Code Live Server 不自动重载/手动刷新无效解决方案
- 检查自动重载配置:打开VS Code设置,搜索
liveServer.settings.autoReload,确认选项处于启用状态,误关闭该选项会直接导致自动重载失效。 - 确认文件归属:你正在编辑的HTML文件需要属于当前VS Code打开的工作区文件夹,单独打开的零散HTML文件无法被Live Server正常监听,将文件放入同一文件夹后,把整个文件夹拖入VS Code打开再测试即可。
- 排查浏览器缓存/扩展拦截:
- 打开浏览器开发者工具(F12),切换到「网络」标签,勾选「禁用缓存」,修改代码后查看是否正常重载
- 用浏览器无痕模式打开Live Server页面,如果无痕模式下功能正常,说明是你安装的广告拦截、脚本拦截类浏览器扩展屏蔽了Live Server的重载请求,禁用对应扩展即可。
- 排查端口占用问题:Live Server默认使用5500端口,端口被其他程序占用会导致重载服务异常。打开VS Code设置搜索
liveServer.settings.port,将端口修改为其他未被占用的值(比如5501),重启VS Code后再启动Live Server测试。 - 清理残留进程:如果之前的Live Server进程没有正常退出,会导致新启动的实例功能异常。Windows可以打开任务管理器杀死所有Node.js相关进程,Mac/Linux可以执行命令
lsof -ti:5500 | xargs kill -9(如果你修改了默认端口,把命令中的5500替换为你使用的端口),之后再重新启动Live Server。 - 重置/重装扩展:如果以上操作都无效,可以在扩展面板找到Live Server,选择「重置所有设置」恢复默认配置;还是不行的话卸载Live Server,重启一次VS Code后再重新安装扩展即可。
内容的提问来源于stack exchange,提问作者krish777
相关产品推荐
相关产品推荐

