Как запустить React-Native примеры?

Я не могу найти никаких инструкций о том, как установить и запустить один из других примеров, приведенных в 'https://github.com/facebook/react-native/tree/master/Examples 'такие как' https://github.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'), а затем откройте '/react-native/Examples/Movies/Movies.xcodeproj файл в Xcode и запустить проект, вроде строят нормально. Симулятор появляется, показывает экран" фильмы " для приложения, но затем появляется красный экран смерти с распечаткой:



:0


И терминал, где 'npm start' выполняется в корневой папке, выводит: 



Error: EISDIR, read

    at Error (native)

[02:35:02] <START> request:/Examples/Movies/MoviesApp.includeRequire.runModule.bundle
743   9  

9 ответов:

Он должен работать, просто следуя учебнику Начало работы, за исключением того, что вы должны запустить npm install внутри вашего каталога react-native.

Затем просто запустите, например, проект Movie с помощью Xcode.

Если вы хотите "изолировать" проект MovieProject или другой примерный проект react-native, самый простой способ-это инициализировать новое приложение react native (react-native init MyAppName) и просто скопировать файлы JS из примера проекта (в примере ниже проекта Movie) в новую папку приложения.

И тогда не забудьте отредактировать ваш iOS / AppDelegate.m-файл.

Вы должны отредактировать 2 строки: 

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

By: 

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

И 

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

By: 

RCTRootView *rootView = [[RCTRootView alloc] initWithBundleURL:jsCodeLocation
                                                  moduleName:@"MoviesApp"
                                               launchOptions:launchOptions];
19  
2015-03-30 00:18:36

Сначала выполните требования в руководстве по началу работы

Затем проверьте хранилище React Native и запустите в нем следующее:

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

Если у вас есть ошибки компиляции из-за ошибок компоновки, удаление производных данных может помочь. Закройте Xcode, удалите /Users/{you}/Library/Developer/Xcode/DerivedData и снова откройте Xcode.

6  
2015-03-30 04:27:14

Кроме того, вы можете запустить android-версию приложения UIExplorer, выполнив команду: 

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

Или вот это: 

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

Для примера фильмов (должен быть запущен в папке react-native).

Кроме того, вы можете запустить демон gradle, чтобы ускорить время сборки для Android.

4  
2015-11-10 19:32:36

Вы должны установить узел.js в вашем терминале С

brew install node

Узел реактивного использования.js для сборки кода Javascript внутри проекта.

Тогда вам нужен Watchman, файловый наблюдатель из Facebook с

brew install watchman

React Native используйте Watchman для перестройки кода, когда в нем происходят изменения.

Последнее-установить и запустить узел с окном терминала в папке react-native.

npm install
npm start

Теперь вы можете открыть проект из папки react-native / Examples в Xcode, а затем построить и запустить его.

2  
2015-03-29 12:29:20

1) откройте терминал и компакт-диск с конкретным примером, который вы хотите запустить компакт-диск дома/ской/реагировать родной-мастер/примеры/UIExplorer

2) Запустите npm install

3) Запуск npm start

4) Откройте пример в Xcode и запустите его оттуда Это должно сработать нормально.

PS: Это было так просто, но многие ответы вводят меня в заблуждение.
2  
2016-03-11 14:17:55
  1. обновление brew
  2. brew install node
  3. brew upgrade node (если u уже установлен)
  4. brew install watchman
  5. npm install-g react-native-cli
  6. react-native init [name ur app] --версия 0.24.0 (зависит от того, какую версию u хотите использовать, если она не сработала используйте ниже) (6). реагировать родной инит [имя приложения УР] --многословный
  7. cd [name ur app]
  8. Откройте .
  9. npm start
  10. атом . (если u установлен Атом)
1  
2016-07-22 13:02:02

Вот пошаговое руководство по созданию простого приложения.

1) сначала загрузите инструмент cli

2) запуск npm

3) запустите приложение в симуляторе IOS xcode.

Учебник здесь: http://www.syntaxsuccess.com/viewarticle/553844b55bbbb6000031f0f9

0  
2015-04-23 05:46:16

Просто хотел обновить это для людей, которые просто пытаются запустить существующий react-native проект / приложение, как я:

В Терминале:

  1. Установка npm
  2. npm start (должен открыть отдельное окно для запуска react package manager или он может использовать существующее окно терминала, если это так, вам нужно будет открыть новое окно терминала, чтобы ввести команду для шага 3)
  3. реагировать-родной пробег-на iOS/реагировать-родной пробег-Андроид

* * вы можете запустить npm update-g (while в папке react native), чтобы убедиться, что все пакеты npm обновлены до запуска npm install

0  
2017-04-26 18:25:53

В 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
-1  
2016-04-05 15:33:13

Comments

    Ничего не найдено.
Click here to cancel reply.