Chrome中的源代码仅包含一行,包括Ruby on Rails,Webpack和React JS

当我使用Chrome devtoolsdebugging器时,我遇到了使用inline-source-mapconfiguration设置由Webpack生成inline-source-mapclosures一行的问题。 Webpack是在Ruby on Rails应用程序中设置的,以生成由几十个模块组成的串联的,无约束的JavaScript文件。 大多数这些模块是ReactJS组件,并由jsx加载器进行分析。 Webpack的输出包含在application.js文件中,以及一些由gems生成的JavaScript库。

当我使用eval-source-map ,没有问题。 关于使用inline-source-map事情会导致行号被一个抛出。

检查不是React组件的JavaScript仍然有这个问题,所以我不认为这与使用jsx有关。

在Chrome中有一个错误,尝试最新版本,也在你的webpackconfiguration尝试在devtool上使用不同的源代码映射尝试所有这些,看看是否适用于内联源地图:

  • 直列源映射

  • 廉价直列源映射

对于其他不同的configuration:

  • 廉价源映射

  • 廉价模块 – 源地图

  • 廉价模块-EVAL-源映射

在webpackconfiguration:

 { ... devtool:'source-map' ... } 
Interesting Posts