expoでReactNativeDebuggerが立ち上がらない

Question

概要

ReactNativeの開発をExpoで行い、ReactNativeDebuggerでデバックを行おうとすると、エラーでReactNativeDebuggerを開くことができない

環境

Mac：Monterey（12.0.1）
Expo：5.2.0
Xcode（Simulator）：13.2
ReactNativeDebugger：0.12.1

試したこと

• Macの再起動
• アプリのディレクトリでnpm i react-devtools@^4.22.0 のインストール
• 参考記事通りにしたができない（①参考記事／②参考記事）

現在出ているエラー

【ReactNativeDebugger】

bundle.js:10 WebSocket connection to 'ws://localhost:19000/debugger-proxy?role=debugger&name=Chrome' failed: Connection closed before receiving a handshake response

【Simulator】

【Chrome】

よろしくお願いします。

Answer 1

【自己解決】

結論：expoのバージョンアップをすることで解決

【手順】

• yarn global add expo-cli expo-cliコマンドを実行
• アプリのディレクトリでexpo upgradeコマンドを実行
• ReactNativeDebuggerはアプリが立ち上がったポートで立ち上げておく（今回の場合であれば19000）
• 最後にいつも通りyarn startコマンドでアプリを立ち上げる
• アプリが立ち上がったらデバッグをONにする
• ここ無事Debuggerが使えたらお疲れ様でした