时间戳

首页 > 解决方案 > 无法在 NPM 链接库上设置断点

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

问题描述

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

遵循npm-link doc后一切正常，我可以在 VScode 中调试运行notistack 库typescript 项目。

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

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

{
  "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 项目。任何想法？请告知我需要检查和做什么？

标签： reactjsbreakpointsnpm-link

解决方案

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

  • 您是否尝试在 VSCode 中禁用此设置？
"debug.javascript.usePreview": false
  • 在您的 launch.json 文件中尝试这些属性
{
  "trace": true,
  "sourceMaps": true,
  "webRoot": "${workspaceFolder}/src",
}

  • 重启 VSCode 或降级版本

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

推荐阅读