React Native Debuggerを利用して、Expoアプリをデバッグする方法を確認します。

インストール

React Native Debuggerをインストールします。

brew update && brew cask install react-native-debugger

React Native Debuggerを起動

Expoを利用するので port=19001 で起動します。

open -g 'rndebugger://set-debugger-loc?port=19001'

React Native Debuggerが起動しました。

Expoアプリ起動

該当プロジェクトでExpoアプリを起動します。

expo start

Debug Remote JS

iOSシュミレータ上で⌘ + Dをクリックして、設定画面を開きます。

Debug Remote JSをクリックします。

React Native Debuggerでデバッグできるようになりました。

参考

• https://github.com/jhen0409/react-native-debugger
• https://github.com/jhen0409/react-native-debugger/blob/master/docs/getting-started.md
• https://facebook.github.io/react-native/docs/debugging.html#accessing-the-in-app-developer-menu
• A Thorough Guide to Install React Native Debugger to an Expo App