首页 > 解决方案 > 使用“chrome”类型启动配置调试符号链接节点模块

问题描述

我一直在 macOS 上使用 VS Code 开发一个 Vue.js 应用程序,并集成了 Chrome 调试。这一切都很好,但我也有一个单独的模块,我正在共同开发,它已经与npm link. 这很好用,除了 VS Code 不允许我在模块代码中设置断点(它们显示为“未绑定”断点)。

解决方案是在runtimeArgs中指定launch.json

{
    "version": "0.2.0",
    "configurations": [
      {
        "type": "chrome",
        "request": "launch",
        "name": "vuejs: chrome",
        "url": "http://localhost:8080",
        "webRoot": "${workspaceFolder}/src",
        "breakOnLoad": true,
        "runtimeArgs": ["--preserve-symlinks", "--preserve-symlinks-main"],
        "sourceMapPathOverrides": {
          "webpack:///src/*": "${webRoot}/*"
        }
      },
    ]
  }

但这仍然不起作用。我可以在网上找到的唯一示例 show type node,而不是 typechrome启动配置。我不确定 Chrome 调试是否不支持此选项,或者是否还有其他问题。

标签: node.jsgoogle-chromevisual-studio-codenode-modulesvscode-debugger

解决方案


推荐阅读