React Native環境のインストールプロセス

react-native インストールプロセス

1.npx react-native init AwesomeProjectがエラーを報告する

ここに画像の説明を挿入

問題を解決するには、cd ./demo/ios && pod install を実行します。

2. JDKをインストールする

(1) brew install adoptopenjdk/openjdk/adoptopenjdk8
実行中のプロジェクトで react-native doctor を実行し、エラーを報告します。
✖ JDK

見つかったバージョン: 1.8.0_191
サポートされているバージョン: >= 8

ここに画像の説明を挿入

このエラーは環境には影響しません。公式バージョン 1.8 はバージョン 8 とも呼ばれ、医師には認識されないことに注意してください。

3. 設定ファイル ~/.zshrc を作成する

（1） echo $0 コマンドを使用して、使用しているシェルを確認できます。
（２）設定ファイル〜/.zshrcを作成する
(bashの場合は~/.bash_profile)
コマンドラインにtouch .zshrcと入力して、作成が成功したかどうかを確認します。open $HOME/.zshrcを使用してフォルダーを開き、作成が成功したことを示します。（3）ターミナルを開き、次のように入力します：/usr/libexec/java_home -V

ここに画像の説明を挿入

Java のインストールパスを確認し、Java 環境変数を設定します (必ずしも必要ではありませんが、私は設定しました)

警告: JAVA_HOME をエクスポートし、CLASSPATH をエクスポートします

![ここに画像の説明を挿入](https://img-blog.csdnimg.cn/20210516220225712.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTg1ODI5MQ==,size_16,color_FFFFFF,t_70

Javaを実行 - バージョンが表示されます

ここに画像の説明を挿入

インストールは成功しました

2. Android SDK をインストールするときに、バージョンが一致しないというエラーメッセージが表示されます。[パッケージの詳細を表示] をクリックして、対応するバージョンをインストールします。

ここに画像の説明を挿入

ANDROID_HOME環境変数を設定する

（1）Android StudioでSDKのインストールパスを確認する

ここに画像の説明を挿入

（2）.zshrcでANDROID_HOME環境変数を設定する
export ANDROID_HOME= HOME / L ibrary / A ndroid / sdk export PATH= HOME/Library/Android/sdk export PATH= HOME/Library/Android/sdk export PATH= PATH: ANDROIDHOME / emulator export PATH = ANDROIDHOME/emulator export PATH= PATH: ANDROIDHOME / tools export PATH= ANDROIDHOME/tools export PATH= PATH: ANDROIDHOME / tools / bin export PATH = ANDROIDHOME/tools/bin export PATH= PATH:$ANDROID_HOME/platform-tools

ここに画像の説明を挿入

環境のインストールに成功しました

4. npm run androidを実行します。

実際にはアプリをインストールできず、ポート 8081 でエラーが報告されます。外部データソースに切り替えると、インストールは正常になります。

これで、React Native環境のインストールに関する記事は終了です。React Native環境のインストールに関するより関連性の高い内容については、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続き閲覧してください。今後とも123WORDPRESS.COMをよろしくお願いいたします。

以下もご興味があるかもしれません: