React Nativeでシュミレーターが検出されない時にするべきこと

こんにちは！とびろぐ管理人のとびうおです。

今回はReact Nativeのシュミレーターが動かない！「npm start」もしくは「npm run ios」と打ったまま止まってしまう問題が生じている方向けの記事です。

シュミレーターが検出されない、動かない！という時にはぜひ参考してみてください！

適切なパッケージがインストールされているか

まず、適切なパッケージがインストールされているかどうかを調べてみてください。

Node.jsとnpmのインストール

通常、Node.jsとnpmは一緒にインストールされます。Node.jsの公式サイトからインストーラをダウンロードしてインストールしてみてください。

node --version
npm --version

Watchmanのインストール

macの場合はhomebrewでインストールすることができます。

brew install watchman

React Native CLIのインストール

React Nativeのコマンドラインツールをインストールします。

npm install -g react-native-cli

Xcodeのインストール

これはiOSアプリを開発するために必要なツールです。Macの場合はApp Storeからダウンロードできます(※Macでないと入手不可です)

シュミレーターがインストールされているか

そもそも、iOSのシュミレーターがインストールされていないと動きません。当然インストールの必要があります。

Xcodeでのシュミレーターのインストールの方法は、以下の通りで、

Xcodeを開く→左上のXcodeをタップ→settings→Platforms

と打つことで、任意のiOSをダウンロードできるはずです。

また、任意のプロジェクトファイルを開きそこでビルドしようとしても、シュミレーターをインストールすることができるようになります。

最終的に

それでは、上記のことをした後にreact nativeでシュミレータを動かせるかどうかを調べてみましょう。

npm start

を打ち、そのまま別のターミナルで

npm run ios

と打つことでシュミレータがしっかり動けば問題ないです！

まとめ

基本的にReact nativeは、webアプリケーションと似ていて、とても簡単に開発ができます！その一方、環境構築は毎回詰まりがちですね…(特にに近年はdocker compose up で全てなんとかなってしまう世の中なので…)(ありがたい限り)

筆者自身はネイティブアプリ開発に関してはほぼ初心者ですが、少しずつ勉強していってこのブログでも触れていければと考えています。

どうぞよろしくお願いします！