依存する

ノード
React Nativeコマンドラインツール
Python2
JDK 1.8
考え

インストールと構成

反応ネイティブの中国人コミュニティと一致

Nodeのバージョンは8.3以降でなければならず、Pythonのバージョンは2.x（3.xはサポートされていません）である必要があり、JDKのバージョンは1.8である必要があります（現在、1.9以降はサポートされていません）。Nodeをインストールした後、npmイメージをセットアップして後続のプロセスを高速化する（または科学的なインターネットツールを使用する）ことをお勧めします。
cnpmは使用しないでください。cnpmによってインストールされたモジュールのパスがおかしいため、パッケージャーを正常に認識できません！

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

ヤーン、React Nativeのコマンドラインツール（react-native-cli）

Yarnは、npmを置き換えるためにFacebookが提供するツールで、ノードモジュールのダウンロードを高速化できます。React Nativeのコマンドラインツールは、プロジェクトの作成、初期化、更新、パッケージャーの実行などのタスクを実行するために使用されます。

npm install -g yarn react-native-cli

糸をインストールした後、ミラーソースを設定する必要もあります：

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

糸をインストールしたら、yarnを使用してnpmを置き換えることができます。たとえば、yarnを使用してnpm installコマンドを置き換え、yarn addサードパーティライブラリ名を使用してnpm installをサードパーティライブラリ名に置き換えます。

Android環境

Android SDKをインストールする

アイデアでは、ファイル->設定を使用できます
！[ここに画像の説明を挿入]（https://img-blog.csdnimg.cn/20190221145853420.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZXxx_xM_xM3Lx9M3Lx9M3M

SDKプラットフォームページの[パッケージの詳細を表示]をクリックして、Androidプラットフォーム28およびIntel x86 Atom_64システムイメージコンポーネントのインストールを確認します。
SDKツール-> Android SDK bulidツールで28.0.3バージョンをインストールします。

環境変数を構成する

ANDROID_HOME環境変数を構成する
React Nativeは、正常にコンパイルできるように、環境変数を通じてAndroid SDKがインストールされているパスを理解する必要があります。
コントロールパネル->システムとセキュリティ->システム->詳細システム設定->詳細設定->環境変数->新規を開き、ANDROID_HOMEという名前の環境変数を作成し（システム変数とユーザー変数の両方）、Android SDKがある場所をポイントします。ディレクトリ。
SDKはデフォルトで次のディレクトリにインストールされます。

c:\Users\你的用户名\AppData\Local\Android\Sdk

環境変数パスにplatform-toolsディレクトリを追加します。
コントロールパネル->システムとセキュリティ->システム->システムの詳細設定->詳細-> 環境変数を開き、パス変数を選択して、[編集]をクリックします。「新規」をクリックして、platform-toolsディレクトリー・パスを追加します。
このディレクトリのデフォルトパスは次のとおりです。

c:\Users\你的用户名\AppData\Local\Android\Sdk\platform-tools

これまでは、インストールプロセスにあまり問題はありません。一部のリソースを壁越しに配置する必要がある場合、プロジェクトが失敗する可能性があります。

アイデアを通じて反応ネイティブプロジェクトを作成する

ここに画像の説明を挿入
実行するプロジェクトを最初に作成するときは、gradleビルドツールをダウンロードする必要があります。壁を越えたネットワーク速度などの制限により、Ideaを介したダウンロード中にエラーが発生し、実行時に次のエラーが発生します。

Exception in thread "main" java.util.zip.ZipException: 
error in opening zip file

Gradleバージョンを手動でダウンロードし、ダウンロードした圧縮パッケージを次のディレクトリに配置することをお勧めします（手動で解凍する必要はありません）。

C:\Users\xxxxx\.gradle\wrapper\dists\gradle-4.7-all\4cret0dgl5o3b21weaoncl7ys

Gradleが正しくインストールされたら、Gradleミラーアドレスを変更する必要があります

Gradleインストールディレクトリにinit.gradleファイルを作成します。内容は次のとおりです。

allprojects{
    repositories {
        def ALIYUN_REPOSITORY_URL = 'http://maven.aliyun.com/nexus/content/groups/public'
        def ALIYUN_JCENTER_URL = 'http://maven.aliyun.com/nexus/content/repositories/jcenter'
        all { ArtifactRepository repo ->
            if(repo instanceof MavenArtifactRepository){
                def url = repo.url.toString()
                if (url.startsWith('https://repo1.maven.org/maven2')) {
                    project.logger.lifecycle "Repository ${repo.url} replaced by $ALIYUN_REPOSITORY_URL."
                    remove repo
                }
                if (url.startsWith('https://jcenter.bintray.com/')) {
                    project.logger.lifecycle "Repository ${repo.url} replaced by $ALIYUN_JCENTER_URL."
                    remove repo
                }
            }
        }
        maven {
                url ALIYUN_REPOSITORY_URL
            url ALIYUN_JCENTER_URL
        }
    }
}

プロジェクトディレクトリのbuild.gradleファイルを変更して、jcenterをhttpリクエストに変更します。

  jcenter(){url 'http://jcenter.bintray.com/'}

ここに画像の説明を挿入

最後に、電話を接続してデバッグモードを開きます。最初の見積もりは約10分です。

react-native run-android

OJBK

Forget_G

21件の元の記事を公開・ 24 件を獲得・表示回数20,000回以上

プライベートの手紙の懸念

React-Native + Idea環境構築