Реагировать на собственную установку (запуск npm)

Question

Я создал свое приложение на реагировать нативно, но когда я запускаю команду npm start, она показывает мне следующее:

running metro bundler on port 8081

, а затем

loading dependency graph, done

и никогда не кончится. что делать?

Вот полный вывод консоли .

Answer 1

Прежде всего, если у вас есть пакет, подобный тому, который вы использовали, то он бы предложил, чтобы вы использовали react-native init для создания своего приложения вместо expo.

Экспо бандеры выглядят так:

Если вы создали react-native init и, как показано на скриншоте, вы создаете приложение на Windows-машине , это означает, что вы будете разрабатывать на Android.

Инструкции по использованию Android и запуску Reaction-native довольно длинные и сложные, их можно найти здесь. Ради краткости я не собираюсь повторять их здесь, так как вы можете просто перейти по этой ссылке. Убедитесь, что вы выбрали Создание проектов с собственным кодом -> ОС для разработки: Windows -> Целевая ОС: Android , чтобы найти инструкции, подходящие для вашей ситуации. https://facebook.github.io/react-native/docs/getting-started.html

Если вы планируете разработку на эмуляторе, вам необходимо убедиться, что у вас установлен один (ссылка выше содержит всю необходимую вам информацию). Также вам нужно убедиться, что вы запускаете эмулятор перед запуском react-native run-android, если вы это сделаете, он должен загрузиться в эмулятор и вы сможете увидеть, что вы разрабатываете.

Если вы хотите работать на собственном устройстве Android, следуйте инструкциям на этой странице https://facebook.github.io/react-native/docs/running-on-device (снова выбирая параметры для вашей ситуации).

Expo

Если это требует слишком больших усилий, вы всегда можете попробовать Экспо. Это не требует от вас возможности иметь дело с нативным кодом. И в зависимости от вашего варианта использования это может быть лучшим вариантом, чем создание проекта с react-native init, плюс вы всегда можете извлечь из проекта expo и превратить его в полноценное реагирующее приложение.

Вы устанавливаете expo-cli с помощью

npm install -g expo-cli

Затем загрузите приложение expo из App Store или Google Play Store (в зависимости от используемого мобильного телефона).

Тогда вы можете использовать

expo init

для создания приложения

Для получения дополнительной информации ознакомьтесь с выставочной документацией https://docs.expo.io/versions/v32.0.0/workflow/up-and-running

Answer 2

Что ж, хороший вопрос. Прежде всего, я полностью понимаю, в чем именно заключается ваша проблема, позвольте мне дать вам очень подходящее решение.

По сути, существует два способа установки и настройки React Native Project на компьютерах Mac и Windows

1st React Native (native) Метод: (Это в основном вы используете правильно знать

Примечание. Если вы используете продукт Apple - как и MacBook, вы можете использовать IOS и Android для обеих платформ, используя этот метод, если вы используете Windows или Linux, вы можете выполнять эту часть только для платформ Android

В этом методе мы должны выполнить следующие простые шаги

1. Скачать Nodejs с официального сайта ссылка здесь

2. Установка React Native Cli

   npm install -g Reaction-native-cli

Если вы получили сообщение об ошибке «Не могу найти модуль npmlog», попробуйте установить npm напрямую: curl -0 -L https://npmjs.org/install.sh | судо ш. (Только для Mac)

3. Установить Xcode из Appstore (только для пользователей Mac / macos) в противном случае

Скачать и установить Android Studio (стабильная версия) с официального сайта Android Studio

4. Настройка Xcode (Симулятор) или Настройка Android Studio для использования на устройствах Android (эмулятор) по этой ссылке

Примечание: в основном в вашем сценарии я почти уверен, что вы не настроили свой эмулятор для Android и симулятор для IOS, поэтому вы ничего не видели после 2nd React Native с методом Expo: вы не используете график зависимости загрузки

Использование

для Android

реакция-нативный запуск-андроид

Для IOS

реакции-нативный run-ios

2nd React Native без Expo (это не ваш случай):

В этом методе мы должны выполнить следующие простые шаги

1. Скачать Nodejs с официального сайта ссылка здесь

2. установка экспо кли

   npm install -g expo-cli

   expo init yourprojectname

   cd ваше имя проекта

   npm start

Примечание: симуляторы и эмуляторы одинаковы для обоих