Question

我无法找到有关如何安装和运行＆＃39; https://github.com/facebook/react-native/tree/master/Examples＆＃39;中提供的其他示例之一的说明。例如＆＃39; https://github.com/facebook/react-native/tree/master/Examples/Movies＆＃39;。

本教程仅告诉您

react-native init AwesomeProject

抓住＆＃39; https://github.com/facebook/react-native/tree/master/Examples/SampleApp＆＃39;。

如果我克隆整个＆＃39; react-native＆＃39;存储库，然后运行

npm install
npm start

从根文件夹（即＆＃39; / react-native＆＃39;），然后打开＆＃39; /react-native/Examples/Movies/Movies.xcodeproj'在Xcode和Run项目中，似乎构建得很好。模拟器出现，显示＆＃34;电影＆＃34;应用程序的介绍屏幕，但随后出现红色的死亡屏幕，打印出来：

:0

和终端，其中＆nbsp; npm开始＆＃39;正在根文件夹中运行，打印出来：

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

Answer 1

除了你必须在react-native目录中运行npm install之外，它应该只能遵循Getting Started Tutorial。

然后只使用Xcode运行电影项目。

如果你想＆＃34;隔离＆＃34;在MovieProject或另一个本机反应示例项目中，简单的方法是初始化一个新的反应原生应用程序（react-native init MyAppName），并将JS文件从示例项目（在Movie Project中的示例中）复制到新的app文件夹。

然后不要忘记编辑iOS / AppDelegate.m文件。

你必须编辑2行：

jsCodeLocation = [NSURL URLWithString:@"http:/localhost:8081/index.ios.bundle"];

人：

jsCodeLocation = [NSURL URLWithString:@"http://localhost:8081/MoviesApp.bundle"];

和

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                  moduleName:@"MyAppName"
                                               launchOptions:launchOptions];

人：

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                  moduleName:@"MoviesApp"
                                               launchOptions:launchOptions];

Answer 2

首先，在入门指南

上符合requirements

然后，查看React Native存储库并在其中运行以下内容：

npm install
open Examples/Movies/Movies.xcodeproj

如果由于链接错误而导致编译错误，则删除派生数据可能会有所帮助。退出Xcode，删除/Users/{you}/Library/Developer/Xcode/DerivedData，然后重新打开Xcode。

Answer 3

此外，您可以通过运行命令运行Android版本的UIExplorer应用程序：

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

或者这个：

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

电影示例

（应该在react-native文件夹上运行）。

此外，您可以运行gradle守护程序来加快Android的构建时间。

Answer 4

您必须使用

在终端中安装node.js.

brew install node

ReactNative使用Node.js在项目中构建Javascript代码。

然后你需要Watchman，一个来自Facebook的文件观察者

brew install watchman

React Native使用Watchman在代码发生变化时重建代码。

最后一件事是在react-native文件夹中安装并运行带有终端窗口的节点。

npm install
npm start

现在您可以从Xcode中的react-native / Examples文件夹中打开一个项目，然后构建并运行它。

Answer 5

1）打开终端并cd到您要运行的特定示例 cd home / XYZ / react-native-master / Examples / UIExplorer

2）运行npm install

3）运行npm start

4）在Xcode中打开示例并从那里运行它它应该工作正常。

PS：这很简单，但很多答案也误导了我。

Answer 6

brew update
brew install node
brew升级节点（如果已安装）
brew install watchman
npm install -g react-native-cli
react-native init [name ur app] --version 0.24.0（取决于你想使用哪个版本，如果它不起作用，请使用下面）（6）。 react-native init [name ur app] --verbose
cd [name ur app]
open。
npm start
原子。（如果你安装了原子）

Answer 7

只是想为那些试图像我一样运行现有的react-native项目/应用程序的人更新这个：

在终点站：

npm install
npm start（应该打开一个单独的窗口来运行反应包管理器，或者它可以使用现有的终端窗口，如果是这种情况，则需要打开一个新的终端窗口来键入步骤3的命令）
react-native run-ios / react-native run-android

**你可能想运行npm update -g（在react native文件夹中）以确保在运行npm install之前所有的npm包都是最新的

Answer 8

在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

如何运行React-Native示例？

8 个答案: