React Yerel sürüm uyuşmazlığı

Yeni bir proje başlatıp Xcode öykünücüsünü başlattığımda aşağıdaki iletiyi alıyorum:

React-Native Sürüm Uyuşmazlığı

Javascript Sürüm 0.50.1 Yerel sürüm: 0.50.0

Yerel kodu yeniden oluşturduğunuzdan emin olun. ...

Burada neler olup bittiğini bilen ve bana yardımcı olabilecek biri var mı?

Bununla yaptığım şey:

Tüm terminalleri kapatın ve derlemeyi tekrar çalıştırın.

Nodejs terminalini başka bir projeden kapatmayı unutabilirsiniz ve bunlar farklı tepki sürümü kurmuşlardır.

Bu nedenle, nodejs sunucusundan alınan kod yerel kodla çakışıyor.

Reat-native uygulamanızı create-tepki-native-uygulamasını kullanarak oluşturduysanız. Bir app.json (expo) dosyanız olmalıdır. ve bir package.json dosyası varsa, expo sürümlerinin eşleşip eşleşmediğini kontrol edin. Örneğin benim durumumda sorun app.json dosyasında expo sdkVersion özniteliği için 25.0.0 sürümü vardı , ben 23.0.0 olarak değiştirmek ve her şey çalıştı oldu.

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
  }
}

Sadece kendinize gidin android/app/build.gradleve dependenciesbölüme ekleyin :

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

/// yerel tepki sürümü package.json içinde bulunabilir

bölümünde, androidinizin uygulama düzeyindeki gradle dosyasında yerel sürümü kullanmaya zorlayın dependencies.

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

benim için çalıştı

Bu hatayı daha önce hiç görmedim, ancak Xcode ve React-Native'ı birlikte iyi oynayamazsam, birkaç şey yaparım. Hangi Xcode sürümü ile çalıştığımı kontrol edin. Güncellenmesi gerekiyorsa, güncelliyorum. Sonra bekçi ve önbelleği temizlemek ikinci gittiğim yer. Önbelleği sıfırla komutunu kullanmıyorum. Her zaman önbelleği doğrulamam gerektiğini söylüyor, bu yüzden atladım (bunu yapabilirsin, sadece kafam karıştı). Önbelleğe alınmış yapılardan kurtulmak için rm -rf $ TMPDIR / reakt- * kullanıyorum. Bu işe yaramazsa, uygulamayı Xcode'da oluşturmaya çalışırım, sonra oradan yoluma çalışırım, tepki-yerel run-ios ile inşa ederim. Bu hata mesajıyla, Xcode ile oluşturmaya çalışarak başlayabileceğiniz anlaşılıyor. Umarım yardımcı olur ... ilerlemeni bilmeme izin ver. İyi şanslar! (Ayrıca, RN 0'a güncelleyebilirsiniz.

React Native uygulamanızı Expo aracılığıyla çalıştırıyorsanız, React Native'i yükseltmek bu hataya neden olabilir ( https://github.com/expo/expo/issues/923 adresinde belirtildiği gibi ).

Senaryonuz buysa, seçenekleriniz şunlardır:

1. (Sepetinde listelenen Bump Expo package.jsonsizin Tepki Yerli sürümü ile uyumlu bir sürüme) ( eğer bir durumda olmayabilir, hangi var - bağlantılı sorundan bakılırsa, rakam Expo destek rotaları Yerli bültenleri tepki olduğunu).
2. Değişikliklerinizi atın, Düğüm modüllerinizi silin ve yeniden yükleyin , Expo'dan Çıkart ve ardından (uygulamadan çıkarıldıktan sonra da çalıştırabildiğinizi kontrol ettikten sonra) yeni sürüme geçmeyi tekrar deneyin.

Bu sorunu en uzun süre yaşadım ve yukarıdaki çözümlerin hiçbiri yardımcı olmadı. create-react-native-appExpo'nun tüm sürümlerinin en son React Native'i desteklemediğini öğreninceye kadar , bir projede yerel tepkiyi yükseltmenin ortasındaydım .

Bu sayfayı, React Native, React ve Expo sürümlerinin hangi sürüm kombinasyonlarının resmi olarak desteklendiğini gösteren belgelerde bulabilirsiniz:

Kaynak: https://github.com/react-community/create-react-native-app/blob/master/VERSIONS.md

app.jsonVe package.jsondosyalarını karşılık gelen sürümlerle eşleşecek şekilde düzenlemek ve npm installher şeyi yeniden çalıştırmak .

Fiziksel bir cihaz kullanıyorum, benim durumumda bu sorunu çözdü:

1. Uygulamanın yüklemesini kaldırın
2. lsof -i :8081
3. kill -9 PID
4. Uygulamayı yeniden oluştur ( react-native run-androidveya react-native run-ios)

Sadece kapatarak ve yeniden yapılandırarak düzeltilemeyen Android geliştiricileri için, emülatör / cihazdaki uygulamayı manuel olarak kaldırın.

Build.gradle dosyanıza aşağıdakileri ekleyin

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

0.51.0paketinizdeki sürümle değiştirin .

Bağımlılıkları tekrar yüklemeyi deneyin. Bu benim için çalıştı-

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

Benim için dosyanın bölümündeki react-nativesürümden kaynaklanıyordu . Öyleydi:dependencypackage.json

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

Bunu şu şekilde sıraladım:

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

Şimdi iyi çalışıyor.

Benim durumum için iOS'ta karşı karşıyayım ve aşağıdaki komutu kullanarak tüm önbelleği sıfırlamaya ve temizlemeye çalıştım, ancak çok başarısız olmasına rağmen, kök nedeninin yanlışlıkla bir yerde çalışan reaksiyon paketleyicisi olduğunu söyleyen birçok yoruma rağmen, yeniden başlattım Mac'im ve sorun hala devam etti.

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

Çözüm, derleme klasörünü @ silmek /ios/build, ardından yürütmek react-native run-iosçözüldü

Yukarıdaki çözümleri denedim ancak bunu AndroidManifest.xml dosyasına eklemek sorunu çözüyor gibi görünüyor.

  android:usesCleartextTraffic="true"

CocoaPods ile iOS'ta aynı sorunu olan diğerleri için:

Yukarıdaki tüm çözümleri şanssız denedim. Projemde yerel bağımlılıklara sahip bazı paketler var ve gerekli olan bazı pod modülleri kuruluyor. Sorun, React'ın Pod dosyamda belirtilmiş olmasıydı, ancak React bölmesi kullanılarak otomatik olarak yükseltilemedi react-native-git-upgrade.

Düzeltme, yüklü tüm bölmeleri çalıştırarak yükseltmektir cd ios && pod install.

Benim durumumda yeni bir sanal aygıt kurmak yardımcı oldu. Şimdi uygulama başına 1 cihaz kullanıyorum.

Expo kullanıcıları - app.jsonsdk sürümünüzün ve package.jsonexpo sürümünüzün birbiriyle uyumlu (eşit olabilir) olduğundan emin olun .

Expo ve iOS Simulator'ı kullanarak da bu sorunu yaşadım. Benim için işe yarayan şey Simülatörü silmekti.Hardware > Erase All Content and Settings...

Olası Düzeltme:

1. Sil paket lock.json
2. Çalıştırmak: watchman watch-del-all && rm -rf $TMPDIR/react-* && rm -rf $TMPDIR/haste-map-react-native-packager-* && rm -rf node_modules/&& npm install

Sorun devam ederse, projeyi doğrudan Xcode'dan yürütmeyi deneyin

Bu benim için çalıştı.

Benim durumumda (expo ve Android derlemesi kullanma DEĞİL)

package.json

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

Ve app.json

{
  "sdkVersion": "27"
}

sorunu çözdü

WebStorm'dan bir React Native uygulaması oluşturmaya ve çalıştırmaya çalışıyordum ve bu problemle karşılaştım. Benim için basit çözüm şuydu:

watchman watch-del-all

MacOS'ta, watchmanhenüz yüklü değilse , Homebrew kullanarak yükleyin :

brew install watchman

Bazen, önceki uygulamanın çalıştığı düğüm sunucusunu kapatmadan çalıştırmayı denediğinizde gerçekleşir, bu nedenle React'i yeniden başlatmayı deneyin. Bunu yapmak için aşağıdaki komutları çalıştırın:

1. To kill current processes
killall node -9 

2. To Start React  Native
react-native start 

3. Then Run android
react-native run-android

Benim durumumda exposürümü manuel olarak değiştirdim . Güncelleme için unuttum çünkü aynı sorunu var sdkVersion içinde app.json ve babel-ön ayarlı-expo içinde package.json

Bundan sonra: expo r -cönbelleği temizlemek ve uygulamayı başlatmak için.

Yaptığımız düzeltme, ANDROID_HOME ve PATH değişkenlerinin derlemeden önce ayarlandığından emin olmaktı.

İlk olarak, aşağıdaki iki komutu çalıştırın, ardından cihaz için uygulamayı oluşturun.

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

Bu sınıflandırma TypeScript türü tanımları uyumsuz olduğunda aldım.

EG react-native0,61,5 inç dependenciesve @types/react-native0,60,0 inçdevDependencies .

DevDependencies'ı güncellediğimde işe yaradı. Hiçbir şeyi yeniden başlatmak zorunda kalmadım.

Bu bir düzeltme değil, ancak benim durumumda, cihazımda yüklü birden fazla RN uygulaması vardı ve bilmeden yanlış uygulamadan 'Yeniden Yükle' deniyordum. (Şu anda aynı anda iki uygulama geliştiriyorum) Bu yüzden doğru uygulamada olduğunuzdan emin olun!

Package.json öğesinde belirtilen reaktif-yerel sürümünüzü (bağımlılıklar altında - reaktif-yerel) hata iletisinde gösterilen 'Yerel Sürüm' ile aynı şekilde değiştirmeyi deneyin. Sonra tekrar 'npm install' komutunu çalıştırın.

Ben android için benim tepki yerli app inşa ederken aynı sorunu var ve ben benim için çalıştı aşağıdaki yaptı.

Hata konsolundaki "JavaScript sürümü 0.50.1", package.jsondosyanızdaki yerel yanıt sürümüdür . Hata konsolundaki "Yerel sürüm 0.50.0" ile aynı sürüm olduğundan emin olun.

1. Reat-native sürümünü hata konsolunda istendiği gibi "Yerel Sürüm 0.50.0" olarak güncelleştirdim.
2. Uygulamayı yeniden oluşturun react-native run-android.

Emülatörünüzde wifi özelliğinin de etkinleştirildiğinden emin olun

Opene projectdir / android / app / build.gradle

Deneyin:

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

"Com.facebook.react: reakt-native: 0.51.0" derlemek yerine {force = true}

Referans: Bağlantı