React Native + vsCode デバッグ実行が上手くいかないので解消したい

Question

前提・実現したいこと

React Nativeの理解したく学習を始めた初心者です。vsCodeでデバッグ実行をしたく、公式等を参考に設定して実行してみたのですが、設定したブレークポイントで止まらず、上手く実行できないので相談になります。
（Androidエミュレータでの実行を試しています）

発生している問題・エラーメッセージ

vsCodeでデバッグ実行後、デバッグ実行中のままなにも状態が変わらない状態です。

デバッグコンソールは以下のとおりです。

Launching the application
Attaching to the application
Starting debugger app worker.
プロキシ (パッケージャー) から React Native アプリケーションへの接続を確立しました

該当のソースコード

launch.jsonとsetting.jsonを編集したので、以下に記載します。

• launch.json

プロジェクトにvscodeのデバッグ設定(launch.json)を追加を参考にしました。

    "configurations": [
        {
            "name": "Debug Android",
            "request": "launch",
            "type": "reactnative",
            "cwd": "${workspaceFolder}",
            "platform": "android",
            "port": "19001"
        }

React Native & Expo デバッグ方法いろいろ

• setting.json

setting.jsonにExpo使用ポートを追記を参考にしました。

"react-native.packager.port": 19001

試したこと

デバッグ実行の手順を記載します。

1. npm run androidで起動して、アプリ起動後、開発者メニューでDebugをクリック
2. 'debugger-ui'のweb画面が開かれるので閉じる
3. ソースコード内の任意のポイントにブレークポイントを設定
4. vsCodeで、Debug Androidを実行

Answer 1

編集内容とデバッグ実行の手順を見直して、再度実行した結果、期待通りデバッグすることが出来ました。