Unable to load script.Make sure you are either running a Metro server React Native Hata Çözümü

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.

Bu İçeriğe Puan Verebilirsiniz
[Toplam: 1 Ortalama: 5]

“Unable to load script.Make sure you are either running a Metro server React Native Hata Çözümü” üzerine 14 yorum

  1. Ç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:)

  2. 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.

  3. 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.

    1. 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

      1. 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.

        1. 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 🙂

  4. 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.

  5. react native de “can’t find variable:document” hatasını alıyorum. Bir türlü çözemedim. Yardımcı olabilir misiniz

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.