web-dev-qa-db-ja.com

npxを使用して新しい反応ネイティブアプリを作成するにはどうすればよいですか?

数か月間、react-nativeを使用しませんでした。その間にいくつかのことが変わったようです。公式ドキュメントでは、react-native-cliをアンインストールし、代わりにnpx react-native initを使用することを推奨しています。私はこれを行いましたが、そのパッケージをグローバルにインストールしなかったため、エラーになりました。ただし、react-nativeをグローバルにインストールすると、プロジェクトを実行すると、グローバルパッケージを削除する必要があるというエラーメッセージが表示されます。

最近の反応アプリを作成する適切な方法は何ですか?

2

最初に行う必要があるのはdeletereact-native-cliです。

npm uninstall react-native-cliまたはnpm uninstall --global react-native-cli

次に、NodeJS 10 LTS以降がインストールされている場合は、Expo CLIをインストールします:npm install -g expo-cli

これで、expo-cliを使用して新しい反応ネイティブアプリを作成できるようになります。expo init ProjectName

Expoは、携帯電話に開発環境をセットアップできるツールです。詳細については、こちらのドキュメントを参照してください: https://expo.io/

これは、アプリケーションを開発、テスト、および展開するための最も効率的で最速の方法です。

2
Misha

詳細については@Gus Nandoに感謝します...そしてAndroid npxを使用してデバッグビルドを作成したい場合は、次に何をする必要があります。また、変更またはセットの変更がある場合Androidとiosプラットフォームの両方のデバッグと本番環境ビルドを作成する方法。

Npxに関連するあらゆる種類の情報が非常に役立ちます。前もって感謝します

1
Raeygzz
  1. npm uninstall --global react-native-cli
  2. ノードjsをインストールします(iノードjsバージョン12.10.0を使用します ここ)、aがあるため、最新のものを使用しませんバグ私の反応ネイティブアプリを実行できません。
  3. インストールpython2jdk8yarn
  4. Android studioとsdkをインストールし、Android_HOMEを環境変数に追加します
  5. 使用する npx react-native init ProjectName新しいプロジェクトを作成するには
  6. 使用する yarn react-react native run-Androidまたはyarn react-native run-iosプロジェクトを実行する

@Raeygzz反応ネイティブ関連のコマンドを使用する場合は、コマンドの先頭にyarn/npxを追加します

yarn react-native run-Android
yarn react-native run-ios

または

npx react-native run-Android
npx react-native run-ios
  1. ルートプロジェクトでapk debug useを作成する場合

    cd Android && gradlew AssembleDebug

  2. ルートプロジェクトのapkリリース

    cd Android && gradlew AssembleRelease

  3. ルートプロジェクトのバンドルでデバッグする

    ヤーンリアクションネイティブランAndroid

でAPKファイルを取得します

Android\app\build\outputs\apk\debug

私が作業しているデバイスにUSBケーブルがない場合は、通常これを行います。そこでファイルをコピーしてクラウドに送信し、デバイスにダウンロードしてインストールします。その後、電話を振るだけです。設定およびセットアップデバッグサーバーの例:10.xxx.xxx:8081次に、cmdでyarn startを実行してデバイスをシェイクし、更新を選択します

react-native run-Androidとgradlew AssembleDebugの違いはここにあります react-native run-Android Vs ./gradlew AssembleDebug

1
Gus Nando

彼らの公式ドキュメントをチェックしてください npx

1
Anuj Sharma

npx react-native init projectNameを使用してから、ディレクトリをcd projectNameでプロジェクトに変更し、react-native run-Androidでプロジェクトを実行します

0
Rkachchhi