96

inline-source-mapChrome devtools デバッガーを使用すると、構成設定を使用して Webpack によって生成されたソースマップが 1 行ずれるという問題が発生しています。Webpack は、Ruby on Rails アプリケーション内にセットアップされ、数十個のモジュールで構成される、連結された縮小されていない JavaScript ファイルを生成します。これらのモジュールのほとんどは ReactJS コンポーネントであり、jsxローダーによって解析されます。Webpack からの出力は、application.jsgem によって生成された他の JavaScript ライブラリと共にファイルに含まれます。

使用する場合eval-source-mapは問題ありません。の使用に関する何かinline-source-mapにより、行番号が 1 つずれます。

React コンポーネントではない JavaScript の検査にはまだこの問題があるため、jsx の使用とは関係ないと思います。

4

2 に答える 2

3

Chrome にバグがありました。最新バージョンを試してください。また、webpack 構成でも、devtool で別のソースマップを使用してみてください。これらすべてを試して、インライン ソース マップで機能するかどうかを確認してください。

  • インライン ソース マップ

  • 安価なインライン ソース マップ

他の異なる構成の場合:

  • 安いソースマップ

  • 安価なモジュール ソース マップ

  • 安価なモジュール評価ソースマップ

webpack の設定:

{

...

devtool:'source-map'

...

}
于 2015-07-10T04:02:38.220 に答える