動作環境
PC:MacbookPro(2018)
OS: Big Sur(11.6.2)
エディタ:Visual Studio Code
XAMPP(PHP7.4)を使用
ターミナルはzshを使用
open App
expo start
再読み込み
キーボードのR
(⌘+Rは録画になるので注意)
トラブルシューティング
■エミュレーターで起動できない
→ expoを一度落として再起動する
expo start
したターミナルにて ctrl + c
で終了
※キャッシュクリアして再起動
再起動する際 expo start -c
と-cオプションを追加
→ node_modulesをクリアしてみる
フォルダを削除して yarn install
にて再インストールしてみると解消する場合あり
→ エミュレータ内のExpo Clientを最新にする
iOS
expo client:install:ios
Android
expo client:install:android
エミュレータ内でExpo Clientアプリを削除して、再度 expo start
してもOK
※”requires a newer version of Expo Client app"
のようなエラーメッセージが表示されている場合は、おそらくこれで解消
→ XCodeを最新にする
■ スマホ実機で起動できない
→ macとスマホが同じLAN環境にある確認する
→ Expo Clientアプリを最新にする
→ LANのセキュリティに阻まれている可能性
■ Can't resolve 'expo-constants'のようなエラーが出る
→ node_modulesをクリアしてみる
フォルダを削除して yarn install
にて再インストール
■ (React Navigation導入の際に)Tried to register two views with the same name RNCSafeAreaProvider のようなエラーが出る
→以下手順を実行
-
node_modulesフォルダとlockfile (yarn.lockもしくはpackage-lock.json)を削除する
-
package.jsonのexpoのバージョンを 38.0.8 にする
-
react-native-safe-area-context
をpackage.jsonから削除する -
yarn install (もしくはnpm install)を実行する
expo install react-native-safe-area-context
を実行
■ Unable to resolve "react-native-gesture-handler”
デフォルトでreact-native-gesture-handlerが実装されていないので追加
expo install react-native-gesture-handler