You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

VSCode Live Server保存文件后DevTools报错‘无效选择器’且无法自动刷新求助

Live Server修改保存后触发DOM选择器错误的解决办法
  • 调整Live Server设置:打开VSCode设置面板,搜索live server,找到与自动打开DevTools Sources相关的选项,直接关闭尝试解决问题。
  • 修改VSCode配置文件:在settings.json中添加一行配置:
    "liveServer.settings.ChromeDebuggingAttachment": false
    
    禁用Live Server与Chrome调试工具的自动关联,这是很多用户反馈有效的方案。
  • 排查代码问题:检查你编写的JS代码或引入的第三方脚本,是否存在使用*,:x这类无效选择器的情况——热重载时页面会重新执行脚本,可能是某个脚本在刷新过程中触发了该错误。
  • 更换同类型插件:如果Live Server本身的兼容性问题无法解决,可以尝试Five Server,它是原Live Server的维护分支,修复了不少旧版bug,兼容性更强。
  • 重置Chrome及DevTools:清除Chrome的浏览缓存,打开DevTools按F1进入设置,选择“恢复默认设置并重新加载”,有时调试工具的异常配置也会导致这类问题。

内容的提问来源于stack exchange,提问作者Brendha Tasca

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.29 14:29:56