Горячая перезагрузка не работает в реагировать родной Android

Question

Горячая перезагрузка не работает в реагировать родной Android

Я попробовал это на Windows 10 и Ubuntu 16.04. В обоих случаях "Горячая перезагрузка" работает только с изменениями в jsx, но нет, когда я меняю переменную, функцию или что-то еще в javascript. Горячая перезагрузка включена. Перезагрузка в реальном времени отключена. Когда я сохраняю изменения в редакторе кода Visual Studio, виртуальное устройство (android studio) перезагружается, но изменений там нет. То же самое на физическом устройстве в приложении EXPO.

Сначала я не установил сторож. Hot Relaod не работает. После его установки Hot Reload тоже не работает.

Я запускаю приложение с помощью create-реакции-native-приложения. Это не выбрасывается.

package.json:

{
  "name": "NativeReduxSaga",
  "version": "0.1.0",
  "private": true,
  "devDependencies": {
    "jest-expo": "25.0.0",
    "react-native-debugger-open": "^0.3.17",
    "react-native-scripts": "1.11.1",
    "react-test-renderer": "16.2.0"
  },
  "main": "./node_modules/react-native-scripts/build/bin/crna-entry.js",
  "scripts": {
    "start": "react-native-scripts start",
    "eject": "react-native-scripts eject",
    "android": "react-native-scripts android",
    "ios": "react-native-scripts ios",
    "test": "node node_modules/jest/bin/jest.js",
    "postinstall": "rndebugger-open --expo"
  },
  "jest": {
    "preset": "jest-expo"
  },
  "dependencies": {
    "@redux-offline/redux-offline": "^2.3.2",
    "expo": "^25.0.0",
    "prop-types": "^15.6.1",
    "react": "16.2.0",
    "react-native": "0.52.0",
    "react-native-autocomplete-input": "^3.5.0",
    "react-navigation": "^1.5.2",
    "react-redux": "^5.0.7",
    "redux": "^3.7.2",
    "redux-devtools-extension": "^2.13.2",
    "redux-logger": "^3.0.6",
    "redux-observable": "^0.18.0",
    "redux-promise-middleware": "^5.0.0",
    "redux-saga": "^0.16.0",
    "redux-thunk": "^2.2.0",
    "rxjs": "^5.5.7"
  }
}

сторож версия

{
    "version": "4.9.1",
    "buildinfo": "94e66865386e844f2cffe52e355a94c96562d2e3 2018-03-12T19:58:02.0000000Z"
}

версия узла v6.13.1

Я читал в некоторых статьях здесь, что это может помочь в Windows, чтобы поднять MAX_WAIT_TIME. Но у меня нет файла \node_modules\ Reaction-native\node_modules\node-haste\lib\FileWatcher\ index.js.

И почему он не работает на Ubuntu тоже?

Мне действительно нужен сторож? Как это должно быть настроено? Мой файл.watchmanconfig - это пустой объект, такой как {}.

Горячая перезагрузка обычно работает с create-реагировать-родной-приложение?

Кто-нибудь знает, что я могу попробовать здесь, чтобы заставить работать горячую перезагрузку? Спасибо за помощь!

10

react-native react-native-android hot-reload watchman create-react-native-app

Источник

user5636798 26 мар '18 в 09:10

10 ответов

Другие вопросы по тегам react-native react-native-android hot-reload watchman create-react-native-app

user8349557 29 мар '18 в 09:33 2018-03-29 09:33 · Answer 1 · 2018-03-29 09:33

На самом деле есть разница между Hot и Live Reloading.

Горячая перезагрузка - это мгновенная перезагрузка, сохраняя состояние вашего приложения без изменений. Тем не менее, он работает только внутри render метод и запускается только на расширениях классов React.Component и Component

Как в:

class A extends Component ...
class B extends React.Component ...

Live Reload, с другой стороны, перестраивает ваше приложение и сбрасывает состояние вашего приложения. Он включает в себя все, от переменных и методов до самых простых строк. Вот почему каждый всегда будет запускаться с начального экрана приложения (потому что состояние потеряно).

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

user10533331 02 май '19 в 08:04 2019-05-02 08:04 · Answer 2 · 2019-05-02 08:04

Удаление мерзавца index.lock файл работал на меня

rm -rf .git/index.lock

14

Источник

user10533331 02 май '19 в 08:04

user6684976 21 авг '19 в 10:19 2019-08-21 10:19 · Answer 3 · 2019-08-21 10:19

В Android перейдите к вашему MainApplication.Java поиск @Override public boolean getUseDeveloperSupport() { return true; }

Убедитесь, что он возвращает истину. Это может быть проблемой

5

Источник

user6684976 21 авг '19 в 10:19

user9855378 11 сен '18 в 12:29 2018-09-11 12:29 · Answer 4 · 2018-09-11 12:29

Я сделал следующие шаги, чтобы решить эту проблему:

mkdir android / app / src / main / assets
Реактивный пакет --platform android --dev false - входной файл index.js - вывод-вывода android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/ основные / RES
Встряхните устройство Android или cmd + d в симуляторе вы получите меню.
После включения и отключения горячей перезагрузки.
очистите любой IP-адрес, который вы используете в настройках Dev -> Debugging -> Debug server host & port для устройства.
Включить горячую перезагрузку.
В терминале перейдите в каталог вашего проекта
реагировать на родной запуск андроид или запустить его прямо в вашей студии Android.

user3995091 22 фев '22 в 10:31 2022-02-22 10:31 · Answer 5 · 2022-02-22 10:31

Альтернативное решение:

        "scripts": {
-    "start": "react-native-scripts start",
+    "start": "DEBUG=true react-native-scripts start",
  },

Чтобы это работало, вы должны убедиться, что этот файл не был изменен:

      // ./android/app/src/main/java/com/cubyn/storage/MainApplication.java

...
    @Override
    public boolean getUseDeveloperSupport() {
      return BuildConfig.DEBUG;
    }
...

ИМХО, это лучшее решение, потому что оно будет включено только во время разработки, а не при сборке для производства.

user2067715 27 авг '19 в 09:33 2019-08-27 09:33 · Answer 6 · 2019-08-27 09:33

Для меня проблема была с AndroidX, в основном, когда-нибудь вам нужно перейти на AndroidX из-за реактивно-родных старых версий

просто откройте свой проект в Android Studio

Refactor -> Migrate to Android X ... и поток инструкции

и не избегайте делать резервную копию, когда она будет повышена для сохранения

user17250161 27 июн '23 в 09:07 2023-06-27 09:07 · Answer 7 · 2023-06-27 09:07

У меня это работает, открывая порт 8081 на вашем Android-устройстве и, соответственно, на вашем компьютере:

        "scripts": {
    "start": "watchman watch-del-all && yarn run android:network && react-native start --reset-cache",
    "react:link": "react-native link",
    "android": "react-native run-android && yarn run android:network",
    "android:network": "adb reverse tcp:8081 tcp:8081 2>&1 || true",

user6922497 30 дек '19 в 19:01 2019-12-30 19:01 · Answer 8 · 2019-12-30 19:01

Для тех, кто сталкивается с этой проблемой при использовании WSL 2, файлы должны существовать внутри подсистемы Linux, а не внутри любых подключенных папок Windows, чтобы наблюдение за файлами работало правильно. Взято из этого сообщения на Reddit:

Они изменили протокол обмена файлами с использования собственного протокола, разработанного на заказ, на протокол 9P, который в настоящее время может не поддерживать событие изменения файла.
Я считаю, что вы можете решить эту проблему, поместив свой код в файловую систему Linux (например, в домашний каталог вашего пользователя) и получив доступ к этим файлам через общий ресурс WSL, \wsl$\DISTRO_NAME из Windows.
В проводнике Windows, если вы перейдете к \wsl$, вы должны увидеть все установленные дистрибутивы WSL Linux и получить доступ ко всем файлам в их файловых системах.

user16823353 30 дек '21 в 09:25 2021-12-30 09:25 · Answer 9 · 2021-12-30 09:25

Я думаю, что это прямой вперед

Также не забывайте бегать npm startв вашем текстовом редакторе, а не во внешнем редакторе, таком как git bash

-1

Источник

user16823353 30 дек '21 в 09:25

user9502407 07 авг '19 в 15:55 2019-08-07 15:55 · Answer 10 · 2019-08-07 15:55

Убедитесь, что в вашем каталоге.git нет файла index.lock. Удаление файла может решить вашу проблему.

-2

Источник

user9502407 07 авг '19 в 15:55