Ruby on Rails、Webpack、およびReact JS
Chrome devtoolsデバッガーを使用すると、inline-source-map構成設定を使用してWebpackによって生成されたソースマップが1行ずれる問題があります。Webpackは= Ruby on Railsアプリケーションは、数十のモジュールで構成される連結された非縮小JavaScriptファイルを生成します。これらのモジュールのほとんどはReactJSコンポーネントであり、jsx loader。Webpackからの出力は、gemによって生成された他のJavaScriptライブラリとともにapplication.jsファイルに含まれます。
eval-source-mapを使用しても問題ありません。 inline-source-mapの使用に関する問題により、行番号が1つ下がっています。
ReactコンポーネントではないJavaScriptの検査でもこの問題が発生するため、jsxの使用に関連しているとは思いません。
Chromeにバグがありました。最新バージョンを試してください。また、webpackの設定で、devtoolでさまざまなソースマップを使用してみて、これらすべてを試して、インラインソースマップで機能するかどうかを確認してください。
inline-source-map
安いインラインソースマップ
他の異なる構成の場合：
安いソースマップ
格安モジュールソースマップ
格安モジュール評価ソースソースマップ
webpack構成：
{
...
devtool:'source-map'
...
}