javascript - 检测到但未使用的 VScode sourceMaps

Question

大家好!

我正在使用 VSCode 与 lerna 一起处理 monorepo 中的 OpenSource 项目，我想提供一个包，其中包含轻松做出贡献所需的工具。

为了以一种对我来说非常干净的方式来做到这一点，我将我的 monorepo 作为 子模块 添加到我的工作台包中。

这是一个指向我当前设置的链接: https://github.com/Aetherall/accounts-workbench

这个包的主要目标是为开发人员提供一个有效的调试器配置，它允许断点并遵循错误堆栈在 monorepo 包的源代码中。

我成功地让 VSCode 读取了我的源 map 。实际上，我打开了跟踪选项，并且在日志中看到 .map 文件已解析。

但是，我的问题是，当我触发错误时，调试器没有引导我找到源代码，而是向我展示了转换后的文件...

这是我的一个文件的日志示例(如果需要帮助我，我可以提供我的整个日志)

SourceMaps: sourcemap url parsed from end of generated content: 

AuthenticationServicePassword.js.map

SourceMaps.getMapForGeneratedPath: Finding SourceMap for 

/home/aetherall/Workspace/github/accounts/accounts-workbench/accounts/packages/Server/Authentication/Password/PasswordService/lib/AuthenticationServicePassword.js by URI: 

AuthenticationServicePassword.js.map

SourceMaps.loadSourceMapContents: Reading local sourcemap file from

/home/aetherall/Workspace/github/accounts/accounts-workbench/accounts/packages/Server/Authentication/Password/PasswordService/lib/AuthenticationServicePassword.js.map

这是我的调试器配置:

{
        "type": "node",
        "request": "launch",
        "name": "Start dev server",
        "program": "${workspaceRoot}/config/start.js",
        "protocol": "inspector",
        "sourceMaps": true,
        "cwd": "${workspaceRoot}",
        "outFiles": [
            "${workspaceRoot}/dist/**/*.js",
            "${workspaceRoot}/**/lib/**/*.js",
            "!**/node_modules/**/*",
        ],
        "skipFiles": ["${workspaceRoot}/node_modules/**/*", "<node_internals>/**/*.js"],
        "smartStep": true,
        "trace": "sm"
},

我正在使用 webpack 捆绑工作台包(不是 monorepo)和 tsc 在我的 monorepo 子模块中使用 sourceMaps 转换 javascript 中的 typescript 包

如果需要，我当然可以添加更多信息

感谢您在这方面帮助我!我真的不明白为什么调试器不使用 sourceMaps ...

如果你有解决办法，请给我一些关于问题的解释

Answer 1

我找到了解决问题的办法:

webpack 的源 map 加载器

这样，导入和转译的文件的源映射将在 webpack 中解析。

https://github.com/webpack-contrib/source-map-loader