webpack - "DevTools failed to parse 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://”样式的网址以及为什么“/core”包的源映射相对路径没有被正确映射或重写。只是从社区中寻找线索来缩小搜索范围。

谢谢!

Answer 1

您需要为核心包打开 devtools 才能为它们生成源代码。如果它没有打开，那么 source-map-loader 将无法提供它们的源映射。