VSCode LiveServer自动刷新失效问题求助及控制台报错咨询

一、核心配置调整 #

修改settings.json中的LiveServer相关配置，尝试以下改动：

{
  // 保留原有其他配置，仅调整LiveServer部分
  "typescript.validate.enable": false,
  "javascript.validate.enable": false,
  "workbench.colorTheme": "One Dark Pro",
  "liveServer.settings.donotVerifyTags": true,
  "liveServer.settings.donotShowInfoMsg": true,
  "editor.wordWrap": "on",
  "files.exclude": {"**/.git": false},
  "liveServer.settings.ChromeDebuggingAttachment": false,
  "liveServer.settings.useWebExt": true, // 启用Web扩展刷新机制
  // "liveServer.settings.CustomBrowser": "chrome", // 暂时注释，用默认浏览器测试
  "liveServer.settings.port": 5500, // 改为固定默认端口，避免随机端口问题
  "window.zoomLevel": 0,
  "workbench.startupEditor": "none",
  "emmet.useInlineCompletions": true,
  "[html]": {"editor.defaultFormatter": "vscode.html-language-features"},
  "[css]": {"editor.defaultFormatter": "vscode.css-language-features"},
  "workbench.iconTheme": "vscode-icons",
  "[javascript]": {"editor.defaultFormatter": "esbenp.prettier-vscode"}
}

二、文件监听排查 #

• 确认页面文件在LiveServer的根目录下，若不在，添加配置"liveServer.settings.root": "/你的页面路径"（替换为实际路径）
• 检查files.exclude配置，确保未排除HTML/CSS/JS等需要监听的文件类型

三、扩展与环境检查 #

• 卸载LiveServer扩展，重启VSCode后重新安装，清除扩展缓存
• 暂时禁用其他VSCode扩展，排查是否存在扩展冲突
• 确保HTML文件语法规范（即使开启了donotVerifyTags，严重语法错误可能导致监听失效）

控制台JSON解析错误处理 #

针对Uncaught (in promise) Error: "undefined" is not valid JSON错误：

• 优先尝试重新安装LiveServer扩展，该错误多为扩展内部缓存或文件损坏导致
• 若仍存在，可忽略（如你所说不影响运行），或等待扩展更新修复

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