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

Question

我学习了 React JavaScript，现在我遇到了这个问题
我叉了 notistack library在 GitHub 中，然后使用 Git Desktop 下载我的 fork，因此该项目位于 Windows 10 上 D:/git/notstack。
关注后 npm-link doc一切正常，我可以调试运行 notistack library VScode 中的 typescript 项目。
我在 notistack library 上“npm 链接”和我的 ReactJs 项目中的“npm link notistack”都是标准程序，我可以调试运行库。
我进行更改和重建 notistack library我看到它工作正常。
但是当我像这样设置 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 将它们设置为未绑定(bind)断点。

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

Answer 1

我查了一下，看到了一些可能的修复，

您是否尝试在 VSCode 中禁用此设置？

"debug.javascript.usePreview": false

尝试将这些属性添加到您的 launch.json 文件

{
  "trace": true,
  "sourceMaps": true,
  "webRoot": "${workspaceFolder}/src",
}

重启 VSCode 或降级版本

运行 -> 禁用所有断点，然后启用所有断点