webpack - "DevTools failed to parse SourceMap: webpack://"和 monorepo lerna 包源映射重写

标签 webpack source-maps lerna terser

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”包的源映射相对路径没有被正确映射或重写。只是从社区中寻找线索来缩小搜索范围。

谢谢!

最佳答案

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

关于webpack - "DevTools failed to parse SourceMap: webpack://"和 monorepo lerna 包源映射重写,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60172083/

相关文章:

npm - 通过使用 npm 安装在 webpack 中使用 particles.js

javascript - WebStorm 10.0.3 忽略 typescript 断点

node.js - 如何将 npm 包的目录公开给 monorepo 中的其他包

javascript - Webpack 全局 JS 错误处理程序和 "Script error"

laravel - 将 Tailwind CSS v2.0+ 安装到 Laravel 8 中可以工作,但运行时什么也不做

typescript - Karma 中的 Sourcemapping TypeScript

create-react-app - Lerna monorepo NestJS & Create React App : Works find in dev mode, 但构建失败

npm - 在 monorepo 中强制执行共享依赖项

reactjs - 开发服务器花费大量时间在 webpack 4 中重建项目

google-chrome - Grunt 服务器和 scss 源映射 : not serving the scss files (404)