NodeJs:Chrome 检查员可以映射源代码但无法在原始源代码上进行调试

NodeJs: Chrome inspector can map source but unable to debug on original source

我已将 chrome 检查器附加到 NodeJS 进程,发现 Chrome 可以检测 运行 构建的源代码( /dist 文件夹)并正确映射源代码( /src 文件夹)到构建的源代码

但是,每当我在原始源代码 (/src) 中放置一个调试点时,调试点就会被设置为构建版本 (/dist) 中的正确行,而我只能使用构建版本进行调试版本但不是原始源代码

情况如图 我做错什么了吗? 这是 the previous question 的跟进,其中涉及 VS 代码调试器,在 VS 代码的情况下,他们甚至无法检测到原始源或源映射!

这似乎是来自 babel 的有问题的异步源映射。我们必须将 @babel/core 从 7.9.0 版升级到 7.13 版,并将这两个部分也添加到 .babelrc

  "presets": [
    [
      "@babel/preset-env",
      {
        "targets": {
          "node": true
        }
      }
    ]
  ],
  "retainLines": true,