求助:VS Code Live Server仅在Chrome中无法自动重载
场景:重装Windows系统后,VS Code的Live Server扩展自动重载功能仅在Chrome中失效,需手动刷新才能看到代码更新,Edge浏览器中功能正常。已尝试卸载重装Chrome/VS Code/Live Server、重置Chrome设置、关闭防火墙、更换代码文件、调整Live Server设置、改用5 Server等操作,均未解决问题。
以下是针对性的排查和解决步骤:
检查Chrome本地站点权限
在Chrome地址栏输入chrome://settings/content/siteDetails?site=http://127.0.0.1:5500(若你的Live Server使用自定义端口,替换成对应端口),确认以下权限设置为「允许」:- 更新通知
- JavaScript
同时确保「后台同步」未被禁用。
强制禁用Chrome缓存干扰
打开Chrome开发者工具(快捷键F12),切换到「网络」标签页,勾选「禁用缓存」选项,保持开发者工具开启的状态下启动Live Server测试自动重载。若有效,可将Live Server的本地地址添加到Chrome「Cookie和网站数据」的允许列表,避免后续缓存拦截。切换Live Server的WebSocket传输协议
在VS Code的设置界面搜索liveServer.settings.websocket,将websocketTransport的配置值从默认的ws修改为socket.io,保存设置后重启Live Server,测试自动重载功能。排查Chrome扩展冲突
暂时禁用Chrome中所有第三方扩展,仅保留系统默认扩展,重新测试Live Server自动重载。如果功能恢复正常,再逐个启用扩展,定位导致冲突的具体扩展并移除。重置Chrome实验性设置
在Chrome地址栏输入chrome://flags,点击页面顶部的「重置所有」按钮,重启Chrome后再次测试Live Server的自动重载功能。
内容的提问来源于stack exchange,提问作者Mohamed Elsayed

