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 データベースのパスワードを変更する複数の方法

推薦する

DockerでRedisを使用するための詳細な手順

1. はじめにこの記事では、Docker を使用して Redis を探索する方法を説明します。 Do...

MySQLは、where in()順序ソートを実装するためにfind_in_set()関数を使用します。

この記事では、MySQL で find_in_set() 関数を使用して where in() の順...

Linuxはjoin -a1を使用して2つのファイルを結合します

次の2つのファイルを結合するには、それらを結合して1.txtに結合します。 # 1.txt ジェリー...

関数の分類の詳細な説明とJavascriptでのこのポイントの例

JS で関数を定義する 3 つの方法例を挙げて説明しましょう。 <スクリプト> //メソ...

MySQL スライディング集計/年初来集計の原理と使用例の分析

この記事では、例を使用して、MySQL スライディング集計/年初来集計の原理と使用方法を説明します。...

JS ループで async と await を正しく使用する方法

目次概要(ループモード - 共通)配列と非同期メソッドを宣言して反復するforループで使用するマップ...

JavaScript コンストラクタとプロトタイプの関係

目次1. コンストラクタとプロトタイプ1. コンストラクター2. コンストラクタ問題3. コンストラ...

html2canvas を使用して HTML コードを画像に変換する方法

コードを画像に変換するにはhtml2canvas は、ブラウザから Web ページのスクリーンショッ...

JavaScript Canvas で三目並べゲームを実装

この記事では、JavaScript Canvasで三目並べゲームを実装するための具体的なコードを参考...

MySQL データベース JDBC プログラミング (Java は MySQL に接続します)

目次1. データベースプログラミングの基本条件2. Java でのデータベースプログラミング: JD...

Vue+ElementUI で超大規模なフォーム例を処理する方法

最近、社内の業務調整により、以前の超長文のロジックが大幅に変更されたため、リファクタリングする予定で...

VUE + OPENLAYERSがリアルタイムポジショニング機能を実現

目次序文1. ラベルスタイルを定義する2. GeoJSONデータのシミュレーション3. Vercto...

Dockerコンテナとホスト間のデータ相互作用の概要

序文実稼働環境で Docker を使用する場合、多くの場合、データを複数のコンテナ間で永続化または共...

JavaScript の new 演算子の原理と例の詳細な説明

新しい用途new の機能は、コンストラクターを通じてインスタンス オブジェクトを作成することです。イ...

Vueの監視プロパティの詳細

目次1.watchは一般的なデータ(数値、文字列、ブール値)の変更を監視します。 1. 数値2. 文...