VS Code中Live Server扩展未修改代码却每秒自动刷新如何解决

问题原因及对应解决方案 #

原因1：监听目录下存在后台频繁修改的文件 #

Live Server默认监听工作区下所有文件的变动，后台程序自动修改的缓存文件、日志文件、临时文件都会被识别为代码更新，触发页面刷新。
对应解决方法：

• 打开VS Code设置，搜索liveServer.settings.ignoreFiles配置项
• 在配置列表中添加需要忽略的路径，参考配置如下：

"liveServer.settings.ignoreFiles": [
    "**/.vscode/**",
    "**/node_modules/**",
    "**/.git/**",
    "**/*.log",
    "**/*.tmp"
]

原因2：项目目录位于云同步路径下 #

如果项目存放在OneDrive、iCloud、百度网盘等云同步目录中，云盘后台同步文件时会修改文件元数据，被Live Server判定为文件更新，触发刷新。
对应解决方法：

• 将项目迁移到非云同步的本地目录后重试
• 测试时临时关闭云盘的同步功能，确认是否是同步导致的问题

原因3：网络连接异常导致WebSocket反复重连 #

Live Server依赖WebSocket连接实现和浏览器的通信，端口冲突、本地代理/VPN/防火墙拦截都会导致连接反复断开重连，每次重连都会触发页面刷新。
对应解决方法：

• 打开VS Code设置，搜索liveServer.settings.port，修改为未被占用的端口（如5501、5502）
• 临时关闭本地代理、VPN、防火墙后重试，排查是否是网络规则拦截导致的问题

原因4：页面本身存在自动刷新逻辑 #

页面代码或引入的第三方脚本自带自动刷新规则，和Live Server本身的功能无关。
对应解决方法：

• 新建仅包含基础HTML结构的空白测试页面，用Live Server打开，确认是否还会自动刷新
• 若测试页面正常，排查原页面的如下内容：
  • 是否存在<meta http-equiv="refresh" content="1">这类自动刷新的meta标签
  • 是否存在setTimeout(location.reload)这类定时刷新的JS逻辑
  • 是否引入了带自动刷新逻辑的第三方脚本

原因5：扩展本身bug或和其他扩展冲突 #

Live Server版本存在已知bug，或是和其他近期安装的VS Code扩展冲突，也会导致异常刷新。
对应解决方法：

• 在扩展面板将Live Server升级到最新版本，或是降级到v5.7.9等公认的稳定版本
• 临时禁用其他近期安装的VS Code扩展，逐一排查是否存在扩展冲突

内容的提问来源于stack exchange，提问作者marcinho51