Невідповідність нативній версії React

Отримання наступного повідомлення, коли я запускаю новий проект, а потім запускаю емулятор Xcode:

Невідповідність реактивних версій

Версія Javascript 0.50.1 Рідна версія: 0.50.0

Переконайтеся, що ви відновили нативний код. ...

Хтось знає, що тут відбувається, і може мені допомогти?

Ось що я зробив з цим:

Закрийте всі термінали і запустіть збірку заново.

Ви можете забути закрити nodejs-термінал з іншого проекту, і у них, можливо, встановлена ​​інша версія реагування.

Таким чином код отримує з сервера nodejs конфліктує з рідним.

У випадку, якщо ви створили свій власний додаток для реакції, використовуючи create-react-native-app. У вас повинен бути app.json (expo). і файл package.json, перевірте, чи збігаються версії expo та змініть їх відповідно. Наприклад, у моєму випадку проблема полягала в тому, що у файлі app.json у мене була атрибут 25.0.0 для атрибута expo sdkVersion , я змінюю його на 23.0.0 і все працює.

package.json:

"dependencies": {
    "expo": "^23.0.4",
    "react": "16.0.0",
    "react-native": "^0.50.4"
  }

app.json:

{
  "expo": {
    "sdkVersion": "23.0.0" // before was 25.0.0
  }
}

Просто перейдіть до свого android/app/build.gradleі потім додайте до dependenciesрозділу:

dependencies{
compile ("com.facebook.react:react-native:0.50.3") { force = true } 
}

/// рідну версію реакції можна знайти в package.json

просто змусити реагувати нативну версію у файлі Gradle на рівні програми для Android, у dependenciesрозділі.

compile ("com.facebook.react:react-native:0.52.0") { force = true }

працював на мене

Я ніколи раніше не бачив цієї помилки, але коли я не можу змусити Xcode та React-Native добре грати разом, я роблю пару речей. Перевірте, з якою версією Xcode я працюю. Якщо її потрібно оновити, я її оновлюю. Тоді очищення сторожа та кеш - це друге місце, на яке я йду. Я не використовую команду скидання кешу. Це завжди говорить, що мені потрібно перевірити кеш, тому я пропускаю це (ви можете це зробити, хоча я просто заплутався). Я використовую rm -rf $ TMPDIR / react- *, щоб позбутися будь-яких кешованих складок. Якщо це не працює, я намагаюся скласти додаток у Xcode, а потім попрацювати звідти, щоб створити його з нативної реакції. З цим повідомленням про помилку, здається, ви можете почати, намагаючись створити його за допомогою Xcode. Сподіваюся, що це допоможе ... дайте мені знати про ваш прогрес у цьому. Удачі! (Також ви можете оновити до RN 0.

Якщо ви запускаєте додаток React Native через Expo, оновлення React Native може спричинити цю помилку (як зазначено на https://github.com/expo/expo/isissue/923 ).

Якщо це ваш сценарій, ваші варіанти:

1. Bump Expo (який вказаний у вашій package.jsonверсії) на версію, сумісну з вашою версією React Native ( якщо така існує, що може бути не так - судячи з пов'язаної проблеми, я вважаю, що підтримка Expo відстежує React Native релизи).
2. Відмовтеся від змін, видаліть та встановіть знову свої модулі «Вузол», « Витягніть з Expo», а потім (перевіривши, чи зможете все-таки запускати додаток після викидання), спробуйте оновити ще раз.

У мене ця проблема була найдовше, і жодне з перерахованих вище рішень не допомогло. Я опинився в середині модернізації, що реагував у create-react-native-appпроекті, поки не з'ясував, що не всі версії Expo підтримують останню React Native.

Знайдено цю сторінку, пов’язану в документації, яка показує, які комбінації версій React Native, React та Expo офіційно підтримуються:

Джерело: https://github.com/react-community/create-react-native-app/blob/master/VERSIONS.md

Редагування app.jsonі package.jsonфайлів відповідно відповідні версії і працює npm installотримали всі знову працює.

Я використовую фізичний пристрій, у моєму випадку це вирішило проблему:

1. Видаліть додаток
2. lsof -i :8081
3. kill -9 PID
4. Відновіть додаток ( react-native run-androidабо react-native run-ios)

Для розробників Android, які не змогли виправити це шляхом просто закриття та відновлення, вручну видаліть додаток на емуляторі / пристрої.

У свій файл build.gradle додайте наступне

implementation ("com.facebook.react:react-native:0.51.0") {
    force = true;
}

замініть 0.51.0версію в пакеті.json

Спробуйте встановити залежності ще раз. Це працювало для мене,

1.) yarn/npm install
2.)yarn/npm start --reset-cache

Для мене це було завдяки react-nativeверсії в dependencyрозділі package.jsonфайлу. Це було:

"dependencies": {
"expo": "^27.0.1",
"react": "16.3.1",
"react-native": "~0.55.0"
}

Я перебив це:

"dependencies": {
"expo": "^27.0.1",
"react": "16.3.1",
"react-native": "0.52.0"
}

Зараз це прекрасно працює.

У моєму випадку я стикаюся з цим на iOS, і я намагався скинути і очистити весь кеш за допомогою команди нижче, але теж не вдався, незважаючи на багато коментарів, що першопричиною є те, що пакувальник реакції працює десь випадково, я перезапустив мій mac і проблема все ще залишилася.

watchman watch-del-all && rm -rf node_modules/ && yarn cache clean && yarn install && yarn start --reset-cache

Рішення полягає в тому, щоб видалити папку збірки @ /ios/build, а потім виконати react-native run-iosїї вирішити

Я спробував рішення вище, але додав це до AndroidManifest.xml, здається, це виправляє.

  android:usesCleartextTraffic="true"

Для інших із тією ж проблемою на iOS з CocoaPods:

Я спробував усі рішення вище, без удачі. У моєму проекті є деякі пакети з натурними залежностями, а деякі з тих необхідних модулів стручка встановлюються. Проблема полягала в тому, що React був вказаний у моєму підфілі, але React pod не автоматично оновився react-native-git-upgrade.

Виправлення полягає в тому, щоб оновити всі встановлені стручки, запустивши cd ios && pod install.

У моєму випадку встановлення нового віртуального пристрою допомогло. Зараз я використовую 1 пристрій на додаток.

Користувачі Expo - переконайтеся, що app.jsonверсія SDK та package.jsonExpo (можуть бути рівними) сумісні між собою.

У мене також виникла ця проблема за допомогою Expo та iOS Simulator. Те, що для мене спрацювало, - стирання симулятора вHardware > Erase All Content and Settings...

Можливе виправлення:

1. Видаліть пакет-lock.json
2. Виконати: watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf $TMPDIR/haste-map-react-native-packager-* && rm -rf node_modules/&& npm install

Якщо проблема не зникає, спробуйте виконати проект безпосередньо з Xcode

Це працювало для мене.

У моєму випадку (НЕ використовуючи expo та збірку Android)

package.json

"dependencies": {
    "react": "16.3.1",
    "react-native": "0.55.2"
}

І app.json

{
  "sdkVersion": "27"
}

вирішили питання

Я намагався створити і запустити додаток React Native від WebStorm і зіткнувся з цією проблемою. Простим рішенням для мене було:

watchman watch-del-all

На macOS, якщо він watchmanще не встановлений, встановіть його за допомогою Homebrew :

brew install watchman

Буває, коли ви намагаєтеся запустити, не закриваючи сервер вузлів, на якому працював попередній додаток, тому спробуйте перезапустити React. Для цього просто запустіть такі команди:

1. To kill current processes
killall node -9 

2. To Start React  Native
react-native start 

3. Then Run android
react-native run-android

У моєму випадку я змінив expoверсію вручну. У мене виникла та сама проблема, тому що я забув оновити sdkVersion в app.json та babel-preset-expo в package.json

Після цього запустіть: expo r -cочистити кеш і запустити додаток.

Виправлення, яке ми зробили, було впевнене, що змінні ANDROID_HOME та PATH були встановлені перед збіркою.

Спочатку запустіть наведені нижче дві команди, потім складіть додаток для пристрою.

export ANDROID_HOME=/Users/username/MyFiles/applications/androidsdk
export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

Цю класифікацію я отримав, коли визначення TypeScript не відповідали.

EG react-nativeпри 0,61,5 дюйма dependenciesта @types/react-nativeпри 0,60,0 дюйма devDependencies.

Як тільки я оновив devDependitions, це спрацювало. Не довелося нічого перезапускати.

Це не виправлення, але в моєму випадку на моєму пристрої було встановлено кілька додатків RN, і я несвідомо намагався "Перезавантажити" з невірної програми. (Я зараз розробляю два додатки одночасно) Тому переконайтеся, що ви в правильній програмі!

Спробуйте змінити версію назви реагування, вказану в пакеті.json (в залежності від назви), на ту, що і "Native Version", показану в повідомленні про помилку. Потім знову запустіть 'npm install'.

У мене виникла та сама проблема під час створення мого рідного додатка для андроїдів, і я зробив наступне, що працювало на мене.

"JavaScript версії 0.50.1" на консолі помилок - це початкова версія у вашому package.jsonфайлі. Переконайтеся, що це та сама версія, що і "Native version 0.50.0" на консолі помилок.

1. Я оновив рідну версію реакції на "Native Версія 0.50.0", як було запропоновано в консолі помилок.
2. Відновіть додаток react-native run-android.

Також переконайтеся, що у вашому емуляторі включений Wi-Fi

Відкрито projectdir / android / app / build.gradle

Спробуйте:

compile ("com.facebook.react: react-native: 0.51.0") {force = true}

Замість компілювати "com.facebook.react: react-native: 0.51.0" {force = true}

Посилання .: Посилання