14

「 https://github.com/facebook/react-native/tree/master/Examples」で提供されている他のサンプルのいずれかをインストールして実行する方法に関する説明が見つかりません。 com/facebook/react-native/tree/master/Examples/Movies '.

チュートリアルでは、やるべきことだけを教えてくれます

react-native init AwesomeProject

「https://github.com/facebook/react-native/tree/master/Examples/SampleApp」を取得します。

「react-native」リポジトリ全体を複製してから実行すると

npm install
npm start

ルート フォルダー (つまり '/react-native') から、Xcode で '/react-native/Examples/Movies/Movies.xcodeproj' を開き、プロジェクトを実行すると、正常にビルドされるようです。シミュレーターが起動し、アプリの「ムービー」イントロ画面が表示されますが、その後、死の赤い画面が表示され、次のものが出力されます。

:0

「npm start」がルート フォルダーで実行されているターミナルでは、次のように出力されます。

Error: EISDIR, read
    at Error (native)
[02:35:02] <START> request:/Examples/Movies/MoviesApp.includeRequire.runModule.bundle
4

9 に答える 9

6

まず、入門ガイドの要件を満たします

次に、React Nativeリポジトリをチェックアウトし、その中で以下を実行します。

  1. npm install
  2. open Examples/Movies/Movies.xcodeproj

リンク エラーが原因でコンパイル エラーが発生した場合は、派生データを削除すると役立つ場合があります。Xcode を終了し、 を削除/Users/{you}/Library/Developer/Xcode/DerivedDataして、Xcode を再度開きます。

于 2015-03-30T01:27:14.323 に答える
4

また、次のコマンドを実行して、Android バージョンの UIExplorer アプリを実行することもできます。

./gradlew :Examples:UIExplorer:android:app:installDebug
./packager/packager.sh

またはこれ：

./gradlew :Examples:Movies:android:app:installDebug
./packager/packager.sh

映画の例の場合 (react-native フォルダーで実行する必要があります)。

また、gradle デーモンを実行して、Android のビルド時間を短縮することもできます。

于 2015-11-10T17:09:54.680 に答える
3

ターミナルにnode.jsをインストールする必要があります

brew install node

ReactNative は Node.js を使用して、プロジェクト内で Javascript コードをビルドします。

次に、Facebookのファイルウォッチャーであるウォッチマンが必要です

brew install watchman

React Native は Watchman を使用して、コードに変更があった場合にコードを再構築します。

最後に、react-native フォルダーにあるターミナル ウィンドウでノードをインストールして実行します。

npm install
npm start

これで、Xcode の react-native/Examples フォルダーからプロジェクトを開き、ビルドして実行できるようになりました。

于 2015-03-29T09:08:32.973 に答える
0

ここでは、簡単なアプリケーションを作成するための段階的なチュートリアルを示します。

1) 最初に cli ツールをダウンロードします

2) npm 実行開始

3) xcode IOS シミュレーターでアプリを起動します。

チュートリアルはこちら: http://www.syntaxsuccess.com/viewarticle/553844b55bbbb6000031f0f9

于 2015-04-23T02:46:16.240 に答える
-1

Windows 10 ではadb shell am start -n com.facebook.react.movies/.MoviesActivity、サンプルを実行するためにやらなければなりませんでした。（ANDROID_SDK\platform-toolsパスにあることを確認するか、絶対パスでコマンドを実行してください）

だから私はしなければならなかったステップバイステップ：

cd react-native

./gradlew :Examples:Movies:android:app:installDebug

adb shell am start -n com.facebook.react.movies/.MoviesActivity

./packager/packager.sh

また

./gradlew :Examples:UIExplorer:android:app:installDebug

adb shell am start -n com.facebook.react.uiapp/.UIExplorerActivity

./packager/packager.sh
于 2016-04-05T10:41:07.983 に答える