Yabancı forumlarda tıpkı ben gibi React Native yeni yükleyip bu hatayı alanların sayısının epeyce çok olduğunu görünce çözüme dair böyle bir not eklemek istedim hataya ve çözüme gelmeden önce şunları belirteyim
Windows üzerinde React Native ile geliştirme yapmak için kurduğum temel araçlar:
– NodeJS 12.13.0 LTS,
– NPM
– Java 12 JDK
– Python 3
– React Native Cli NPM üzerinden kurdum
– Android Studio 3.5.1
– Android SDK (android 10)
bunların kurulumunu sorunsuz yaptım java ve android sdk için ortam değişkenlerini de ayarladım.
react-native init appadi komutu ile react uygulamamı oluşturdum
ardından react-native run-android ile çalıştırdım.
Aldığım Hata:
Unable to load script.Make sure you are either running a Metro server or that your bundle ‘index.android.bundle’ is packaged correctly for release
stackoverflow önerilen Çözüm:
1. UYGULAMANIZIN android/app/src/main/ DİZİNİNE GİDEREK BOŞ BİR assets İSMİNDE KLASÖR OLUŞTURUN.
2. ARDINDAN UYGULAMANIZIN ANADİZİNİNDEYKEN KOMUT SATIRINA AŞAĞIDAKİNİ YAZIP ÇALIŞTIRIN.
react-native bundle –platform android –dev false –entry-file index.js –bundle-output android/app/src/main/assets/index.android.bundle –assets-dest android/app/src/main/res
3. UYGULAMANIZI TEKRAR BAŞLATIN:
react-native run-android
videolu anlatımı:
%90 HERKESİN SORUNU BURADA ÇÖZÜLÜYOR AMA BENİM SORUNUM ŞÖYLE DEVAM ETTİ,
error Invalid regular expression: /(.*\\__fixtures__\\.*|node_modules[\\\]react[\\\]dist[\\\].*|website\\node_modules\\.*|heapCapture\\bundle\.js|.*\\__tests__\\.*)$/: Unterminated character class. Run CLI with –verbose flag for more details.
BUNU AŞMAK İÇİN DE:
1) UYGULAMANIZIN İÇİNDEKİ node_modules\metro-config\src\defaults\blacklist.js DOSYAYI EDİTÖRLE AÇIN
2) ŞU KODU BULUN:
var sharedBlacklist = [
/node_modules[/\\]react[/\\]dist[/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
3) BU KOD İLE DEĞİŞTİRİN:
var sharedBlacklist = [
/node_modules[\/\\]react[\/\\]dist[\/\\].*/,
/website\/node_modules\/.*/,
/heapCapture\/bundle\.js/,
/.*\/__tests__\/.*/
];
ARDINDAN
react-native bundle –platform android –dev false –entry-file index.js –bundle-output android/app/src/main/assets/index.android.bundle –assets-dest android/app/src/main/res
çalıştırın.
ARDINDAN
react-native run-android yazarak
PROJEYİ TEKRAR BAŞLATIN SORUNUNUZ ÇÖZÜLDÜ.
SORUN DEVAM EDİYORSA YORUM OLARAK BELİRTİN MUTLAKA DÖNÜŞ YAPACAĞIM.
Çok uğraştım bu hatayı gidermek için, canımı çok sıktı. Tam React-native’ den vazeçiyordum ki verdiğiniz son yol ile uygulamayı çalıştırdım. Teşekkür ediyorum:)
Ben de çok uğraşmıştım çözülmesine sevindim 🙂 İyi çalışmalar…
Teşekkürler. Çok uğraştığım sorunu sayenizde çözdüm.
Bu hatayı çözmek için çok çabaladım. Lakin hiç Türkçe kaynaklara bakmamıştım. Gerçekten çok teşekkürler. Sorunumu çözebildim.
Hocam merhaba
öncelikle anlatımınız için teşekkürler. Bendeki hatada sizinki ile aynı şekilde yapınca çözüldü. Yanlız şöyle bir problem var. Her yeni proje açtığımda aynı hatayı tekrar alıyorum. Tekrardan aynı yöntemleri uygulamak zorunda kalıyorum. Acaba kurulumda mı bi eksiklik var yada hatalı bi işlem mi yapıyorum. Var mıdır bi çözümü ? siz bulabildiniz mi bi çözüm.
Merhabalar, çözümün işinize yaradığına sevindim sorunuza gelecek olursak sanırım yeni sürüm reactNative gelene kadar bu sorunu bu şekilde her projede manuel gidermek durumunda kalacağız size sormak istediğim ReactNative sürüm nedir? İşletim Sisteminiz nedir? şahsen ben windows10’dan başka bir ortamda deneme fırsatı bulamadım bir ihtimal IOS’da bu sorunu yaşamayabiliriz
Hocam merhaba. İşletim sistemi windows 10. React sürümü 0.61.5, CLI sürümü: 2.0.1. Ben iki farklı windows 10 cihazda denedim. İkisinde de hata verdi. Şu an kullandığım cihazda söylediğiniz adımlar çözüm oldu. Diğer cihazda problemi tam araştırma fırsatım olmadı. Muhtemelen onda da bu yazdığınız hatalar vardır.
O zaman Windows için söylüyorum yeni sürüm gelene kadar bu adımları uygulamaktan başka çaremiz yok, IOS ortamında da test etmek gerekir belki windowsun bize yaptığı küçük bir süprizdir bu 🙂
Allah razı olsun. Çok teşekkürler.
Ne demek yararlı olabildiysem ne mutlu. İyi çalışmalar 🙂
Kali Linux ortaminda da ayni hatayi aliyorum.
Belirtilen yontemler ile sorun cozuluyor fakat kodda herhangi bir degisiklik yapildiginda yeniden belirtilen kodu calistirip sonrasinda “react-native run-android” demek gerekiyor. Yoksa projenin son halini degil, belirtilen komut calistirildiktan sonraki halini calistiriyor.
Gelistirme asamasinda “react-native start” kullanin.
Teşekkürler.
react native de “can’t find variable:document” hatasını alıyorum. Bir türlü çözemedim. Yardımcı olabilir misiniz
Unable to load script.Make sure you are either running a Metro server React Native Hata Çözümü,
Bu adımları yapmama rağmen çalışmıyor.