Visual Studio Code无法连接localhost:9222，运行HTML文件报错求助

原因排查与修复步骤 #

1. 换用Live Server的正确启动方式 #

别用Run without Debugging来跑HTML，Live Server本身有专属启动方法：右键点击HTML文件，选Open with Live Server，或者点右下角的Go Live按钮。它默认会用5500端口在浏览器打开你的页面，根本不需要碰9222端口。

2. 修正调试配置文件（如果一定要用调试模式） #

要是非得用Run without Debugging功能，得手动调整launch.json配置：

1. 按Ctrl+Shift+D打开运行和调试面板
2. 点击创建launch.json文件，选你用的浏览器（比如Chrome）
3. 把配置改成下面这样，确保端口和Live Server一致：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:5500/${fileBasename}",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

注：如果你的Live Server改了默认端口，把5500换成对应数值就行

3. 检查9222端口是否被占用 #

打开命令提示符（Windows）或终端（Mac/Linux），执行对应命令看端口状态：

• Windows：netstat -ano | findstr :9222
• Mac/Linux：lsof -i :9222
  要是查到有进程占用，结束该进程后再重试。

4. 排查扩展冲突 #

暂时禁用除HTML、CSS、JavaScript、Live Server之外的所有扩展，重启VS Code后再试，排除其他扩展干扰的可能。

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