Как запустить примеры, основанные на реакциях?

Я не могу найти никаких инструкций о том, как установить и запустить один из других примеров, приведенный в 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 '.

Если я клонирую весь репозиторий "реагировать-родной", а затем запустим

npm install
npm start

Из корневой папки (т.е. '/react-native'), а затем откройте '/react-native/Examples/Movies/Movies.xcodeproj' в Xcode и запустите проект, он, похоже, прекрасно работает. Появится симулятор, на экране появится интро-экран "Фильмы", но затем появляется красный экран смерти с печатью:

:0

и Terminal, где "npm start" запущен в корневой папке, выдает:

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

ОТВЕТЫ

Ответ 1

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

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

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

И затем не забудьте отредактировать файл 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];

Ответ 2

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

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

  • npm install
  • open Examples/Movies/Movies.xcodeproj

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

Ответ 3

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

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

или это:

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

для примера с фильмами (должен быть запущен в соответствующей папке).

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

Ответ 4

Вам нужно установить node.js в свой терминал с помощью

brew install node

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

Затем вам нужен Watchman, наблюдатель за файлами из Facebook с помощью

brew install watchman

Реагировать Нативное использование Watchman для восстановления вашего кода при изменении его.

Последнее, что нужно установить и запустить node с окном Терминала в соответствующей папке.

npm install
npm start

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

Ответ 5

1) Откройте терминал и компакт-диск в конкретном примере, который вы хотите запустить. cd home/XYZ/response-native-master/Примеры/UIExplorer

2) запустить npm install

3) запустить npm start

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

PS: Это было так просто, но многие ответы вводили меня в заблуждение.

Ответ 6

  • brew update
  • brew установить node
  • brew upgrade node (если u уже установлен)
  • brew установить сторож
  • npm install -g response-native-cli
  • response-native init [name ur app] --version 0.24.0 (зависит от того, какую версию вы хотите использовать, если она не работает ниже) (6). response-native init [name ur app] --verbose
  • cd [name ur app]
  • открыт.
  • npm start
  • атом. (если и установлен атом)

Ответ 7

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

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

2) запуск npm

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

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

Ответ 8

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

В терминале:

  • npm install
  • npm start (необходимо открыть отдельное окно для запуска диспетчера пакетов или использовать существующее окно терминала, если это так, вам нужно будет открыть новое окно терминала, чтобы ввести команду для шага 3)
  • реакция-native run-ios/response-native run-android

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

Ответ 9

В 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