“DevTools 无法解析 SourceMap：webpack://”和 monorepo lerna 包源映射重写

Question

Chrome 在控制台中为许多处于相似位置的文件发出警告，这只是一个这样的例子：

DevTools failed to parse SourceMap: webpack:///core/dist/utilities/utils.js.map

这是我们的代码，但 url 是 404，因为在构建管道的某个地方，源映射相对路径没有更新到正确的新位置。 “core”是一个monorepo lerna包，我们使用webpack和“source-map-loader”和“Terser”。不知道哪里不兼容。

我们将不得不尝试隔离这些插件并查看各种构建输出以长期解决这个问题，但我想知道是否有人已经为自己解决了这个问题或认识到为什么会有“webpack:// " 样式 url 以及为什么 "/core" 包的源映射相对路径未正确映射或重写。只是从社区中寻找线索来缩小搜索范围。

谢谢！

Answer 1

您需要打开核心包的开发工具才能为它们生成源代码。如果未开启，则 source-map-loader 将无法提供其源地图。