源代码在Chrome中由一行代替,包括Ruby on Rails,Webpack和React JS

Question

我遇到一个问题,inline-source-map当我使用Chrome devtools调试器时,Webpack使用配置设置生成的源图关闭了一行.Webpack是在Ruby on Rails应用程序中设置的,用于生成由几十个模块组成的连接的,未经过编辑的JavaScript文件.这些模块中的大多数都是ReactJS组件,并由jsx加载器解析.然后Webpack的输出application.js以及由gem生成的一些其他JavaScript库包含在文件中.

当我使用时eval-source-map,没有问题.关于使用的一些inline-source-map原因导致行号被一个人抛弃.

检查不是React组件的JavaScript仍然存在这个问题,所以我认为它与使用jsx无关.

Answer 1

chrome 中有一个错误，请尝试最新版本，也在您的 webpack 配置上尝试在 devtool 上使用不同的源映射，尝试所有这些，看看其中一个是否适用于内联源映射：

• 内联源映射

• 便宜的内联源映射

对于其他不同的配置：

• 廉价源地图

• 廉价模块源映射

• 廉价模块评估源映射

在 webpack 配置上：

{

...

devtool:'source-map'

...

}