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

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 コマンドを使用して、使用しているシェルを確認できます。
(2)設定ファイル〜/.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 = ANDROIDH​OME/emulator export PATH= PATH: ANDROIDHOME / tools export PATH= ANDROIDH​OME/tools export PATH= PATH: ANDROIDHOME / tools / bin export PATH = ANDROIDH​OME/tools/bin export PATH= PATH:$ANDROID_HOME/platform-tools

ここに画像の説明を挿入

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

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

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

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

以下もご興味があるかもしれません:
  • 反応ネイティブソフトキーボードがポップアップして入力ボックスをブロックする問題を解決する
  • Win10+Android+Yoshi Android エミュレータを使用して ReactNative 開発環境を構築する
  • FlatList プルダウン リフレッシュ プルアップ ロードに基づく React Native コード例
  • React Nativeのマルチレベルリンクを自分でカプセル化する
  • 地理的位置を取得する方法のReact Nativeの例
  • React Native テキストカルーセル実装例

<<:  Centos7 での nginx のインストールと設定に関する詳細なチュートリアル

>>:  Navicat で MySQL データベースのパスワードを変更する複数の方法

推薦する

MacOS Catalina アップグレード後の VMware ブラック スクリーン問題に対する完璧な解決策の詳細な説明

MacOS Catalina アップグレード後の VMware ブラック スクリーンに対する完璧なソ...

JavaScript でよく使われる 5 つのオブジェクト

目次1. JavaScript オブジェクト1).配列オブジェクト2).ブールオブジェクト3).日付...

Mysql は、デッドロック問題を解決するために kill コマンドを使用します (実行中の特定の SQL ステートメントを強制終了します)。

MySQL を使用して特定のステートメントを実行すると、データ量が多いためにデッドロックが発生し、...

CentOS 8にJenkinsをインストールする方法

CentOS 8 に Jenkins をインストールするには、root アカウントまたは sudo ...

MySQLのユーザー権限の確認と管理方法の詳細な説明

この記事では、例を使用して、MySQL ユーザー権限を確認および管理する方法を説明します。ご参考まで...

MySQL のインデックスの原理とクエリの最適化の詳細な説明

目次1. はじめに1. インデックスとは何ですか? 2. インデックスはなぜ必要なのでしょうか? 2...

よく使うLinuxコマンドのまとめ

私は2年間運用保守に携わり、多くのコマンドを使用しました。特定のLinuxコマンドを習得すると、どれ...

MySQL の group by と order by を一緒に使用する方法

テーブル:reward(報酬テーブル)があるとします。テーブル構造は次のようになります。 テーブルt...

Redis を Docker コンテナとして素早くデプロイする方法

目次はじめるデータストレージサーバーを構成するRedis セキュリティの管理Redisインストールの...

LinuxサーバーにVueプロジェクトをデプロイする

ケース1 vue-cliはvue3プロジェクトをビルドし、プロジェクトをLinuxサーバーにアップロ...

Docker バインディング固定 IP/クロスホストコンテナ相互アクセス操作

序文これまでは、パイプワークで割り当てた静的 IP は一時的なものであり、再起動すると無効になってい...

Nginx ドメイン名の書き換えとワイルドカードドメイン名の解決を設定する方法

この記事では、ドメイン名の書き換えとワイルドカードドメイン名の解決を行うための Nginx の設定方...

MySQL 5.7.10 インストール ドキュメント チュートリアル

1. 依存パッケージをインストールする yum -y インストール gcc-c++ ncurses-...

CSS を使用して fullpage.js のフルスクリーン スクロール効果を実装するサンプル コード

最近 CSS を勉強していたとき、 2 つの CSS プロパティだけを使用して全画面スクロール効果を...

nginx での書き換えジャンプの実装

1. 新旧ドメイン名のジャンプ適用シナリオ: ドメイン名ベースのリダイレクト。会社の古いドメイン名は...