VSCode中JavaScript断点失效问题求助

先修复launch.json的语法错误 #

你当前的launch.json存在语法错误（多了一个冗余的闭合大括号），会导致调试配置加载异常，先修正为以下内容：

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "msedge",
            "request": "launch",
            "name": "Launch Edge Against Localhost",
            "url": "http://localhost/test/index.html",
            "webRoot": "${workspaceFolder}",
            "sourceMaps": true,
            "pathMapping": {
                "/test": "${workspaceFolder}"
            }
        }
    ]
}

断点无法触发的核心修复措施 #

• 添加路径映射：通过pathMapping明确服务器URL路径/test对应本地工作目录${workspaceFolder}，让VSCode能精准关联服务器资源与本地文件。
• 启用Source Maps：开启sourceMaps: true可帮助调试器更准确地定位内嵌在HTML中的脚本代码位置。
• 确认断点位置：确保断点打在<script>标签内的有效代码行上（比如document.write("TEST:");这一行），而非空行或注释行。

是否需要安装Node.js？ #

不需要。你当前是基于XAMPP的前端静态页面调试，仅依赖浏览器调试能力，和Node.js无关联，无需额外安装。

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