+ Hbuilderプロジェクトは、APKファイルにパッケージ作成反応するアプリを使用します

まず、グローバル作成反応するアプリをインストール

# 全局安装
npm install -g create-react-app
# 构建一个my-app的项目
npx create-react-app my-app
cd my-app

# 启动编译当前的React项目,并自动打开 http://localhost:3000/
npm start

プロジェクトがコンパイルされたパッケージ

yarn build

Hbuilderエディタが組み込まれているため、サーバーコンパイル取得するには、コンパイル、ビルドファイルフォルダをパックした後、我々は場合は、このフォルダのフォルダ内Hbuilderエディタのindex.htmlページへの実行を引き出すことができます空白のページ、おそらくルートパスの設定エラーを開き、解決策は、元のプロジェクト、オープンpackage.jsonファイルを開き、構成のホームページの追加、変更している
ここに画像を挿入説明
設定が終わった後にコンパイルを再パッケージ化、糸のビルドを実行した後、再オープンしたインデックスがコンパイルされ、場合次のステップに通常表示に。

オープンHbuilderエディタファイル]> [新規]> [モバイルアプリ>の行に空のテンプレートを選択します
ここに画像を挿入説明

モバイルアプリを作成した後、このモバイルアプリのフォルダにすべてのパッケージ内部コンパイルビルドフォルダの前にそのファイル(あなたが必要としないと、いくつかの空のフォルダを削除内に置くことができ、いくつかの空のフォルダが付属している場合)

あなたは準備ができているし、その後モバイルアプリのプロジェクトを選択した場合は、上記の問題Hbuilderエディタ]メニューをクリックしてください>クラウド包装 - 包装固有のインストール・パッケージ

ここに画像を挿入説明

選択アンドロイド、その後(のconfigureにプロンプ​​トに従いパックボタンは無効として表示される場合、灰色の状態は、それは、manifest.jsonをファイルが設定されていないはずです)、パッケージをクリックしてください

パッケージ上の画像をクリックした後、クラウドでHbuilderができAndroid携帯電話にインストールされ、システムがオーバー発生後、APKファイルなどを生成し、直接完了後に生成されたAPKファイルをダウンロードし、します。

公開された22元の記事 ウォンの賞賛6 ビュー10000 +

おすすめ

転載: blog.csdn.net/qq_39024012/article/details/100301119