无法在 NPM 链接库上设置断点

Question

我学习 React JavaScript，现在遇到这个问题
我在 GitHub 中分叉了notistack 库，然后使用 Git Desktop 下载我的分叉，因此该项目位于 Windows 10 上的 D:/git/notistack。

在遵循npm-link 文档之后，一切正常，我可以在 VScode 中调试运行notistack 库打字稿项目。

我的 notistack 库上的“npm link”和 ReactJs 项目中的“npm link notistack”都是标准程序，我可以调试运行该库。我进行了更改并重建了notistack 库，我发现它工作正常。

但是，当我像这样设置 launch.json 并使用runtimeArgs来启用调试时，我无法使断点在库中工作。

{
  "version": "0.2.0",
  "configurations": [
      {
        "name": "Launch Edge",
          "request": "launch",
          "type": "pwa-msedge",
          "url": "https://localhost:6545",
          "webRoot": "${workspaceFolder}",
          "runtimeArgs": [
            "--preserve-symlinks"
        ],
      }
  ]
}

我在 ReactJs 项目 node_module/notistack 库中设置了断点，但 VSCode 将它们设置为未绑定断点。

我怀疑这与 notistack 库可能是一个 Typescript 项目有关，并且我链接到了一个 ReactJs 项目。任何想法？请建议我需要检查和做什么？

Answer 1

尝试将其添加--preerve-symlinks-main到runtimeArgs。它可能会解决问题。

{
  "version": "0.2.0",
  "configurations": [
      {
        "name": "Launch Edge",
          "request": "launch",
          "type": "pwa-msedge",
          "url": "https://localhost:6545",
          "webRoot": "${workspaceFolder}",
          "runtimeArgs": [
            "--preserve-symlinks",
            "--preserve-symlinks-main"
        ],
      }
  ]
}

如果您想在实施之前阅读文档，请点击以下链接： https: //nodejs.org/api/cli.html#cli_preserve_symlinks_main