Запуск веб-сайта React Apollo на устройстве Android - шаг с response-native неясен - PullRequest
0 голосов
/ 22 апреля 2020

Я использую это React Apollo шаблон . Теперь я хочу развернуть этот веб-сайт на моем устройстве Android. Поэтому я сделал это точно так же, как в учебнике Запуск на устройстве сказано:

  1. Включить отладку по USB
    • все отлично
  2. Подключите устройство через USB
    • adb devices
    • Мой список выглядит так:
       List of devices attached
       5141a720        device

Так что это выглядит хорошо.

Запустите ваше приложение
  • , но здесь у меня проблема, потому что я понятия не имею, что означает react-native
  • npx react-native run-android
  • результаты в react-native is not known

Может ли быть, что мой проект не является react-native проектом, и поэтому response-native не является подходящим решением для моего случая?

Как запустить этот веб-сайт на моем Android устройстве без преобразования его в файл APK?

Ответы [ 2 ]

1 голос
/ 24 апреля 2020

Я не эксперт по React Native, но из того, что я понимаю об инструменте, вам нужно было бы создать специальные компоненты для рендеринга на нативных устройствах (f c).

Инструмент конденсатор:
Установка: https://capacitor.ionicframework.com/docs/getting-started
Рабочий процесс: https://capacitor.ionicframework.com/docs/basics/workflow

Краткое описание рабочего процесса :

  1. Создание приложения реакции npm run build
  2. Создание конденсатора. Конфиг. json:
{
    "appId": "com.example.app",
    "appName": "Example",
    "bundledWebRuntime": false,
    "npmClient": "npm",
    "webDir": "build",
    "cordova": {},
    "linuxAndroidStudioPath": "/mnt/s/android-studio/bin/studio.sh"
}
Откройте эмулятор android: npx cap open android

Надеюсь, это поможет.

0 голосов
/ 24 апреля 2020

Просто добавил эти две строки и npm/yarn install:

"react-native": "^0.62.2",
"react-native-cli": "^2.0.1",

и повторил попытку npx react-native run-android, и теперь это, похоже, работает. Но я получил сообщение:

ошибка Android проект не найден. Вы уверены, что это проект React Native? Если ваши Android файлы находятся в нестандартном месте (например, не в папке android), рассмотрите возможность установки опции project.android.sourceDir, чтобы указать новое местоположение. Запустите CLI с флагом --verbose для получения более подробной информации.

Очевидно, что папка android отсутствует. Здесь помогло запустить npx react-native init "test". Это создало подпапку с именем test. Здесь я просто переместил эту папку android в свой проект.

А теперь npx react-native run-android работает.

...