Tidak dapat memuat skrip dari assets index.android.bundle di windows

Saya mencoba menjalankan proyek React Native pertama saya untuk pertama kalinya di perangkat saya (Android 4.2.2).

Dan saya mendapatkan:

tidak dapat memuat skrip dari assets index.android.bundle

Perintah yang saya gunakan:

1. cd (project directory)
2. react-native start
3. react-native run-android

Saya mengalami masalah yang sama saat mengikuti tutorial React Native (berkembang di Linux dan menargetkan Android).

Masalah ini membantu saya menyelesaikan masalah dalam langkah-langkah berikut.

1. (dalam direktori proyek) mkdir android/app/src/main/assets
2. 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. react-native run-android

Anda dapat mengotomatiskan langkah-langkah di atas dengan menempatkannya di scriptsbagian package.jsonseperti ini:

"android-linux": "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 && react-native run-android"

Kemudian Anda bisa menjalankan npm run android-linuxdari baris perintah Anda setiap saat.

Jika Anda menjalankan aplikasi pada perangkat fisik dan mendapatkan kesalahan ini

unable to load script from assets index.android.bundle

coba jalankan perintah:

adb reverse tcp:8081 tcp:8081

Ini bekerja untukku ...

Saya menghabiskan waktu berjam-jam untuk mencari tahu masalah ini. Masalah saya bukan khusus untuk Windows tetapi khusus untuk Android.

Mengakses server pengembangan bekerja secara lokal dan di browser emulator. Satu-satunya hal yang tidak berfungsi adalah mengakses server pengembangan di aplikasi.

Dimulai dengan Android 9.0 (API level 28), dukungan cleartext dinonaktifkan secara default.

AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?>
<manifest ...>
    <uses-permission android:name="android.permission.INTERNET" />
    <application
        ...
        android:usesCleartextTraffic="true"
        ...>
        ...
    </application>
</manifest>

Lihat untuk info lebih lanjut: https://stackoverflow.com/a/50834600/1713216

Menggunakan npm versi 4.3.0 react-native-cli versi 2.01 react-native versi 0.49.5

Dalam direktori proyek,

• mkdir android/app/src/main/assets
• 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
• react-native run-android

Nama file telah berubah dari index.android.js ke index.js

Saya telah menghadapi masalah yang sama dengan perangkat android nyata.

Solusi: Berdasarkan jawaban ini dari Niltoid

1. Temukan IP lokal Anda
2. Buka aplikasi dan goyangkan perangkat Android Anda
3. Go Dev Setting dan> Debug Server ...
4. Rekatkan IP dan port Anda; XXXX: 8088 "(di mana X adalah IP lokal Anda)

untuk pengguna Mac: buka preferensi jaringan Anda, di sini Anda akan mendapatkan IP lokal Anda.

Jika Anda menggunakan Windows, jalankan perintah dengan cara berikut, atau jika Anda mendapatkan kesalahan "Tidak dapat menemukan file entri index.android.js"

1. mkdir android\app\src\main\assets

2. 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. react-native run-android

Anda dapat mengikuti instruksi yang disebutkan di halaman resmi untuk memperbaiki masalah ini. Masalah ini terjadi pada perangkat nyata karena bundel JS terletak di sistem pengembangan Anda dan aplikasi di dalam perangkat nyata Anda tidak mengetahui lokasinya.

Punya masalah yang sama di mac, Setelah menghabiskan 2 hari saya akhirnya bisa bekerja.

Sejak Emulator cellular data was turned off, saya mendapatkan unable to load script from assets index.android.bundle make sure your bundle is running.

Pastikan Anda Emulator cellular data is turned ondengan melakukan paket server ini mampu bundel index.android.js. Semoga bermanfaat bagi seseorang yang sedang dalam tahap pengembangan.

Saya memiliki masalah yang sama selama beberapa bulan sekarang. Saya awalnya menggunakan solusi @ Jerry, ini adalah resolusi yang salah karena tidak sepenuhnya memperbaiki masalah. Alih-alih, yang dilakukan adalah mengambil setiap build sebagai build produksi yang berarti bahwa sedikit saja perubahan yang Anda buat dalam aplikasi akan berarti membangun kembali seluruh aplikasi diperlukan.

Meskipun ini adalah solusi sementara, ini bekerja sangat buruk dalam jangka panjang karena Anda tidak lagi dapat memanfaatkan alat pengembangan React Native yang luar biasa seperti pemuatan ulang panas dll.

Solusi yang tepat ditunjukkan:

Di MainApplication.javafile Anda , ganti yang berikut ini:

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

dengan

@Override
public boolean getUseDeveloperSupport() {
    return true;
}

karena beberapa alasan BuildConfig.DEBUGselalu kembali palsu dan menghasilkan file bundel di direktori aset.

Dengan mengatur ini secara manual ke true, Anda memaksa aplikasi untuk menggunakan pembuat paket. Ini TIDAK akan berfungsi dalam produksi jadi pastikan untuk mengubahnya ke nilai false atau default.

Jangan lupa juga untuk lari

$ adb reverse tcp:8081 tcp:8081

1 Buka direktori proyek Anda dan periksa apakah folder ini ada android/app/src/main/assets

1. Jika ada maka hapus dua file yaitu index.android.bundledanindex.android.bundle.meta
2. Jika aset folder tidak ada maka buat direktori aset di sana.

2.Dari direktori proyek root Anda lakukan

cd android && ./gradlew clean

3. Akhirnya, navigasikan kembali ke direktori root dan periksa apakah ada satu file entri yang dipanggilindex.js

• Jika hanya ada satu file yaitu index.js kemudian jalankan perintah berikut 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

• Jika ada dua file yaitu index.android.js dan index.ios.js kemudian jalankan ini react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

  4. Sekarang jalankan react-native run-android

OS: Windows

Cara lain untuk menyelesaikan masalah ini setelah mencoba dua metode di atas
(karena saya menginstal SDK tidak di DEFAULT LOCATION seperti C: \ users \ "user_name" \ appdata \ local \ sdk )

Jika Anda memperhatikan bahwa baris perintah mengumumkan: "'adb' tidak dikenali sebagai perintah internal atau eksternal ..."

Jadi begini caranya saya melupakan:
Contoh: Saya menginstal SDK di D: \ Android \ sdk
Jadi saya akan memasukkan path di System Variables 2 baris lagi:

D:\Android\sdk\tools  
D:\Android\sdk\platform-tools  

(Jika Anda tidak tahu cara mengedit path Variabel Sistem, inilah topiknya: /android/38321/what-do-i-type-in-path-variable-for-adb- server-to-start-from-cmd / 38324 )

Lalu saya jalankan cmd lagi: react-native run-android

Ini berhasil untuk saya.

Dalam kasus saya, saya telah menghapus baris di bawah ini dari MainApplication.java. (Yang sebelumnya secara keliru ditambahkan oleh saya.) : -

import com.facebook.react.BuildConfig;

Setelah itu Clean Project dan tekan perintah

reaksi-asli run-android

Untuk IOS:

Di terminal:

cd ios

Hapus folder build dengan: rm -r build

Berlari lagi: react-native run-ios

Atau, Anda bisa membuka Finder, menavigasi ke YOUR_PROJECT / ios dan menghapus yang membangun folder .

Kemudian jalankan lagi: react-native run-ios

Untuk ANDROID:

Di terminal:

cd android/app

Hapus folder build dengan: rm -r build

Berlari lagi: react-native run-android

Atau, Anda bisa membuka Finder, menavigasi ke YOUR_PROJECT / android / aplikasi dan menghapus yang membangun folder .

Kemudian jalankan lagi: react-native run-android

Untuk masalah ini saya hanya menyelesaikannya dengan menjalankan:

react-native start

kemudian

adb reverse tcp:8081 tcp:8081

di baris perintah. Dan kemudian saya dapat menjalankan:

react-native run-android

Jadi saya tidak akan membuang waktu untuk menjalankan:

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

setiap saat.

Saya juga menghadapi masalah ini karena ketika saya menjalankan proyek pada emulator berfungsi dengan baik tetapi pada perangkat nyata itu memberikan kesalahan ini. Jadi saya mengatasi masalah ini dengan solusi berikut

Langkah 1: Pertama-tama buka cmd dan buka folder Platform-tools SDK manager Anda

cd C:Development\Android\Sdk\Platform-tools

Langkah 2 : sekarang jalankan perintah ini:

adb devices

setelah perintah ini periksa perangkat Anda terdaftar di command prompt

Langkah 3 : sekarang jalankan ini

adb reverse tcp:8081 tcp:8081

Sekarang pengaturan Anda selesai

Langkah 4 : Buka direktori proyek Anda dan jalankan perintah ini

react-native run-android

Ubuntu

pertama kali, saya membuat aplikasi baru dengan react-native init project-name. Saya mendapat kesalahan yang sama. jadi saya melakukan langkah-langkah berikut untuk menyelesaikan ini dalam kasus saya.

1. Pertama jalankan sudo chown user-name-of-pc /dev/kvm dalam kasus saya.

2. Saat debugging dari ponsel Android Anda, pilih Use USB to Transfer photos (PTP).

3. Buat Folder assetsdengan nama-proyek / android / app / src / main

4. pastikan index.jstersedia di root direktori proyek Anda dan kemudian jalankan perintah di bawah ini dari konsol demi cd project-namedirektori.

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

atau untuk index.android.js lalu

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

5. jalankan perintah ./studio.shdalam android-studio/bindirektori. Ini akan membuka Android Studio.

6. jalankan perintah react-native run-android.

Pastikan pembangun metro berjalan untuk menyinkronkan perangkat fisik dan server Anda

Pertama, jalankan perintah ini untuk menjalankan metro builder

mulai npm

Kemudian Anda dapat memulai build in react native

reaksi-asli run-android

Mereka seharusnya tidak ada kesalahan saat ini. Jika Anda ingin kode Anda dimuat ulang saat perubahan. Guncangkan perangkat Anda lalu ketuk Aktifkan Live Reload

Pastikan Anda telah menambahkan / path / ke / SDK / platform-tools ke variabel path Anda.

Saat Anda menjalankan react-native run-android, ia menjalankan adb reverse tcp: <device-port> tcp: perintah <local-port> untuk meneruskan permintaan dari perangkat Anda ke server yang berjalan secara lokal di komputer Anda. Anda akan melihat sesuatu seperti ini jika adb tidak ditemukan.

/bin/sh: 1: adb: not found
Starting the app (.../platform-tools/adb shell am start -n 
com.first_app/com.first_app.MainActivity...
Starting: Intent { cmp=com.first_app/.MainActivity }

Ini mungkin disebabkan oleh aset yang tidak ditautkan dalam basis kode proyek React Native Anda, seperti ketika Anda mengganti nama aplikasi / bundle id proyek Anda atau menambahkan paket eksternal tanpa menautkannya dengan benar, misalnya.

Cukup coba di direktori root proyek Anda:

react-native link

react-native run-android

Jika saat menjalankan react-native run-androidperintah baris kedua adalah

JS server not recognized, continuing with build...

itu berarti pemaket untuk aplikasi tidak dapat dimulai dan aplikasi akan gagal memuat tanpa beberapa langkah tambahan. Perhatikan bahwa akhir jejak masih melaporkan keberhasilan:

BUILD SUCCESSFUL

Masalahnya mungkin beberapa konflik port (dalam kasus saya itu adalah situs IIS default yang saya benar-benar lupa). Manifestasi lain dari masalah adalah kegagalan untuk membukahttp://localhost:8081/debugger-ui URL di Chrome.

Setelah konflik pelabuhan diselesaikan, jejaknya akan dilaporkan

Starting JS server...

maka jendela Node tambahan akan terbuka (node ...cli.js start ) dan aplikasi akan memuat / memuat ulang dengan sukses.

Setelah itu, Anda harus dapat membuka konsol debug di Chrome dengan http://localhost:8081/debugger-ui.

Saya memiliki masalah yang sama bahkan ketika berjalan di simulator. Saya melakukan solusi cepat sehingga saya bisa memiliki alur kerja dev yang normal.

private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
  @Override
  public boolean getUseDeveloperSupport() {
    // return true here to load JS from the packager
    // BuildConfig.DEBUG for me was set to false which meant it
    // it was always trying to load the assets from assets folder.
    return true;
  }

  @Override
  protected String getJSMainModuleName() {
    return "index";
  }
};

Mungkin harus mengembalikan perubahan ketika mencoba melakukan membangun produksi.

Saya punya masalah dengan McAfee di port mac saya memblokir 8081, harus mengubahnya ke 8082.

Pertama jalankan server paket Anda:

react-native start --port 8082

Buka terminal lain, jalankan aplikasi android seperti biasa:

react-native run-android

Setelah selesai, sekarang tulis ulang port tcp yang adb tunnel:

adb reverse tcp:8081 tcp:8082

Lihat daftar terowongan adb tcp:

adb reverse --list

Anda sekarang akan melihat pesan yang mengharukan:

(reverse) tcp:8081 tcp:8082

Buka aplikasi Anda dan muat ulang, selesai!

PS: Jangan mengubah apa pun di pengaturan Dev aplikasi, jika Anda menambahkan "localhost: 8082", hapus saja, biarkan kosong.

EDIT: Untuk semua korban McAfee di luar sana, ada solusi yang lebih mudah jika Anda memiliki akses root, cukup matikan proses McAfee untuk sementara pada port 8081 dan tidak perlu perubahan port sama sekali:

sudo launchctl remove com.mcafee.agent.macmn

Saya pikir Anda tidak memiliki benang yang terpasang coba pasang dengan cokelat atau sesuatu. Ini harus diinstal sebelum membuat proyek Anda (perintah init-asli init).

Tidak perlu membuat direktori aset.

Jawab jika tidak berhasil.

Sunting: Di versi terbaru dari reaksi asli yang mereka perbaiki. Jika Anda ingin kebebasan penuh dari hanya uninstall node ini (Untuk menghapus instalasi lengkap Sepenuhnya menghapus node merujuk tautan ini) dan instal ulang node, react-native-cli kemudian buat proyek baru Anda.

jangan lupa nyalakan internet di perangkat emulator, saya menemukan kembali kesalahan ini, ia bekerja dengan sempurna: V Saya mendapatkan kesalahan ini karena saya mematikan internet untuk menguji NetInfo: D

Ini adalah pesan kesalahan umum, yang mungkin Anda temui selama pengembangan aplikasi asli yang bereaksi. Jadi, dalam tutorial ini kita akan memberikan solusi untuk masalah ini.

Deskripsi Masalah: Tidak dapat memuat skrip dari assets index.android.bundle di windows Tidak dapat memuat skrip dari assets index.android.bundle di windows

Ikuti langkah-langkah di bawah ini untuk menyelesaikan masalah di atas:

Langkah-1: Buat folder "aset" di dalam direktori proyek Anda Sekarang buat folder aset di dalam direktori proyek yaitu "MobileApp \ android \ app \ src \ main". Anda dapat secara manual membuat folder aset:

<ATAU>

Anda dapat membuat folder dengan menggunakan perintah juga. Perintah: mkdir android / app / src / main / aset

Langkah-2: Menjalankan aplikasi React Native Anda Mari kita jalankan perintah di bawah ini untuk menjalankan aplikasi asli yang bereaksi dalam emulator atau perangkat fisik.

Beralih ke direktori proyek. cd MobileApp

Jalankan perintah di bawah ini yang membantu untuk membundel proyek aplikasi android Anda.

bundel react-native --platform android --dev false --entry-file index.js --bundle-output android / app / src / main / aset / index.android.bundle --assets-dest android / app / src / main / res

Jalankan langkah Final untuk menjalankan aplikasi asli yang bereaksi dalam emulator atau perangkat fisik. reaksi-asli run-android

<ATAU>

Anda juga dapat menggabungkan dua perintah terakhir dalam satu, Dalam hal ini Anda harus menjalankan perintah hanya sekali.

bundel react-native --platform android --dev false --entry-file index.js --bundle-output android / app / src / main / aset / index.android.bundle --assets-dest android / app / src / main / res && react-native run-android

<ATAU>

Anda dapat mengotomatiskan langkah-langkah di atas dengan menempatkannya di bagian skrip package.json seperti ini:

"android-android": "react-native bundle --platform android --dev false --entry-file index.js --bundle-output android / app / src / utama / aset / index.android.bundle --assets -dest android / app / src / main / res && reaksi-asli run-android "

Jika semuanya sudah diatur dengan benar, Anda akan segera melihat aplikasi baru Anda berjalan di emulator Android.

Ikuti ini, Berfungsi untukku.

https://github.com/react-community/lottie-react-native/issues/269

Buka direktori proyek Anda dan periksa apakah folder ini ada android / app / src / main / assets i) Jika ada maka hapus dua file yaitu index.android.bundle dan index.android.bundle.meta ii) Jika aset folder tidak tidak ada lalu buat direktori aset di sana.

Dari direktori proyek root Anda lakukan cd android && ./gradlew clean

Akhirnya, navigasikan kembali ke direktori root dan periksa apakah ada satu file entri tunggal yang disebut index.js i) Jika hanya ada satu file yaitu index.js kemudian jalankan perintah berikut bundel reaksi bawaan --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

ii) Jika ada dua file yaitu index.android.js dan index.ios.js kemudian jalankan bundel asli-reaksi ini --platform android --dev false --entry-file index.android.js --bundle-output android /app/src/main/assets/index.android.bundle --assets-dest android / app / src / main / res

Sekarang jalankan react-native run-android

Saya baru saja menemukan masalah yang sama persis dan menyelesaikannya. Jadi harap bisa membantu.

Misalkan Anda sedang menyusun paket aplikasi rilis (.apk)

1. Periksa apakah folder aset Anda ada ?: \ android \ app \ src \ main \ aset Jika tidak, buat satu.

2. Setelah menjalankan "Assemble Release", periksa apakah ada sesuatu di folder itu (\ android \ app \ src \ main \ aset) Jika tidak, cari file bundle js ( index.android.bundle ), yang seharusnya berada di lebih dari satu jalur berikut:

   * a) \ android \ app \ build \ intermediates \ merged_assets \ release \ out \ index.android.bundle

   b) \ android \ app \ build \ intermediates \ merged_assets \ release \ mergeReleaseAssets \ out \ index.android.bundle

   c) \ android \ app \ build \ intermediates \ assets \ release \ index.android.bundle

   d) \ android \ app \ build \ generate \ assets \ react \ release \ index.android.bundle *

Cara yang lebih baik adalah dengan menggunakan "Semuanya" untuk mencari nama file: index.android.bundle.

3. Kemudian salin file ini ke folder aset Anda (\ android \ app \ src \ main \ assets \ index.android.bundle)

4. Kembali ke PowerShell atau konsol perintah, jalankan:

react-native run-android --variant = rilis

Itu harus bekerja.

Semoga berhasil!

ketika saya memperbarui yang asli ke 0.49.5, masalah ini muncul dan ketika saya mengikuti ini, perubahan dan penghentian melanggar

itu menghilang.

Saya menghadapi masalah ini, banyak pencarian dan saya menyelesaikan masalah itu.

c:\ProjectFolder\ProjectName> 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

Kemudian Jalankan reaksi asli:

c:\ProjectFolder\ProjectName>react-native run-android

Untuk kalian semua yang mengembangkan dari aplikasi create-react-native-dan dikeluarkan, dan memiliki masalah developmentini, inilah yang bekerja untuk saya hanya sedikit detail dari jawaban yang diterima

(dalam direktori proyek) mkdir android / app / src / main / aset

inilah bagian yang berubah karena Anda dalam pengembangan menyingkirkan --dev: falsebagian tersebut:

bundel asli-reaksi --platform android --lokasi-file index.js --bundle-output android / app / src / main / assets / index.android.bundle --assets-dest android / app / src / main / res

setelah itu tutup semua terminal, hapus folder build dari android / app / untuk memastikan Anda mulai bersih untuk membangun aplikasi Anda, buka terminal baru, dan

(dalam direktori proyek) NPM menjalankan Android

akan meminta konsol pemaket (di terminal lain) dan berhasil membangun