ChromeでReact Nativeアプリをデバッグしているときに、[ソース]タブでブレークポイントを設定できないことがよくあります。ブレークポイントを追加するコード行をクリックすると、ブレークポイントがモジュールの次の関数宣言行に追加されます。ChromeでReact Nativeブレークポイントを常に設定できるとは限りません
これは私のソースモジュールのすべてでは起こりませんが、効率的なデバッグができないことがよくあります。
私は現在RN 0.22を使用していますが、これは以前のバージョンのRNでも発生しています（例：RN 0.18）。
この問題は、babelによって発生する可能性があります。通常の機能と矢印機能を併用すると、それが起こりました。私は、以下の条件の下で、この問題を経験した
私は矢印機能を使用します。私はデバッグしたいモジュールの一つで、それらの全てを通常の関数呼び出しに置き換えました。しかし、それはこの問題を解決しませんでした。しかし、アイデアをありがとう。 – Wookiem
最初にこのソリューションを試したときにどこが間違っていたのか分かりませんが、git react-nativeに投稿されたより詳細な回答があります。 のconst someFn =（）=> {} と{} ）（ 機能someFnを交換し、あなたがにブレークポイントを設定しようとしているソースファイル内の任意の関数が存在することはできません ます。https：/ /github.com/facebook/react-native/issues/10729 – Wookiem
： 1）.jsファイルは、複数の機能が含まれており、 2）.jsファイル内の最後の関数ではありません関数内でブレークポイントを設定しようとすると、
したがって、部分的な回避策は、.jsファイル内の最後の関数であるように関数を移動することです。または、ファイルごとに1つの機能を割り当てることもできます。いずれにしても、ブレークポイントを設定することができます。
これは理想的ではありませんが、これまでに私が見つけた唯一の「解決策」です。
これは大変です。基本的にはブレークポイントを設定する能力がないだけです。 – duhseekoh
ありがとうWookiem、それは素晴らしい回避策です！ – SomethingOn
"sourceMaps": "inline" in .babelrcこれは私のために修正されました。
ようこそスタックオーバーフロー！これは正解かもしれませんが、それを良い答えにするには、これが正しい解決方法や理由、説明の例を追加することをお勧めします。私は[回答]ページを読んで詳しい情報をお勧めします。 – ItamarG3
同じ問題が発生しました。あなたはまだそれを解決したのだろうかと思います。もしそうなら、ここであなたのソリューションをアップデートできますか？ – RandyTek
いいえ、まだ解決していません。 – Wookiem