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有关。

Answer 1

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

• 直列源映射

• 廉价直列源映射

对于其他不同的configuration：

• 廉价源映射

• 廉价模块 – 源地图

• 廉价模块-EVAL-源映射

在webpackconfiguration：

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