Visual Studio Code无法连接localhost:9222及Node.js版本识别异常求助

一、修复VSCode识别旧Node.js版本问题 #

• 调整系统环境变量：打开系统环境变量设置，在Path列表中将新版本Node.js的安装路径移至最顶端，确保系统优先调用新版本。
• 重启VSCode：修改环境变量后完全关闭VSCode再重新启动，让软件读取新的环境配置。
• 指定VSCode终端Node路径（可选）：如果VSCode终端仍调用旧版本，在settings.json中添加配置，强制指定新版本Node路径（以Windows为例）：

"terminal.integrated.env.windows": {
    "PATH": "C:\\Program Files\\nodejs;${env:PATH}"
}

• 验证修复结果：打开VSCode终端输入node -v，确认显示新版本；查看VSCode“关于”面板，版本号应已更新。

二、解决Chrome调试连接localhost:9222报错问题 #

• 确保Chrome开启远程调试端口：右键Chrome快捷方式→属性，在目标栏末尾添加 --remote-debugging-port=9222（注意前面有空格），启动Chrome后该端口才会开放。
• 处理Power BI证书信任问题：
  1. 在Chrome中导入本地Power BI证书并设置为信任；
  2. 若临时调试，可在调试配置中添加参数跳过证书校验（仅本地调试使用）：

{
    "version": "0.1.0",
    "configurations": [
        {
            "name": "Debugger",
            "type": "chrome",
            "request": "attach",
            "port": 9222,
            "sourceMaps": true,
            "webRoot": "${cwd}/",
            "ignoreDefaultArgs": ["--disable-extensions"],
            "runtimeArgs": ["--ignore-certificate-errors"]
        }
    ]
}

• 确认调试目标状态：要调试的页面必须在开启了远程调试端口的Chrome实例中已打开，且处于运行状态。
• 检查端口占用：用netstat -ano | findstr :9222（Windows）或lsof -i :9222（Mac/Linux）检查端口是否被占用，若被占用更换端口（如9223），同步修改Chrome启动参数和调试配置中的端口值。

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