React Native dengan Nox Emulator di Windows 10

bismillah

Untuk yang baru pertama kali setup react-native silahkan ke halaman berikut ini:

http://go.topidesta.my.id/setup-rn-awal

kali ini sekedar catatan pribadi ajah, cara biar running emulator yang ringan, NOX Emulator termasuk ringan, dibanding dengan GenyMotion ya, nah karena sering muncul kalimat no devices detected .. akhirnya cari tau di google, terdampar dihalaman github, kurang lebih perintahnya seperti gambar ini:

pastikan liat log setelah perintah react-native run-android karena nanti akan muncul error yang akan tampil kurang lebih kayak gini:

error nox

solusinya buka SDK Manager (dalam hal ini, gw gak install Android Studio ya) dan install deh build tools 28.0.3, kelar.

running deh react native, ups, muncul error lagi kayak gini:

erro nox kedua

jangan panik, jalankan lagi ajah perintah koneksi ke nox, liat gambar pertama, perintahnya kurang lebih seperti ini:

nox_adb.exe connect 127.0.0.1:62001

eh muncul error

unable to connect to 127.0.0.1:62001: cannot connect to 127.0.0.1:62001: No connection could be made because th
e target machine actively refused it.

langsung ajah jalankan perintah dibawah ini...

nox_adb.exe kill-server
nox_adb.exe connect 127.0.0.1:5037

berikut ini gambarnya: nox error

done, sekarang bisa pake nox emulator deh! :)

UPDATE

Kebetulan pas lagi pengen develop native react, tetiba nox emulator di windows 10 gw selalu bluescreen begitupula pake emulator dari android studio dan genymotion. Gw cari permasalahannya, karena install software tertentu, gw juga lupa. Akhirnya reset windows deh, eh kereset juga settingan native react dan beberapa tools lainnya.

Seperti biasa, gw ikutin langkah diatas seperti ini:

nox_adb.exe connect 127.0.0.1:62001

dan ternyata gak bisa langsung connect, gw lupa ada point tertentu untuk koneksikan nox dengan SDK android, gw baru engeh pas liat vidio ini: https://www.youtube.com/watch?v=_JJ-mxlTADc

sebelum itu hapus dulu semua sdk di foldernya, melalu SDK Manager atau kalo install android studio, kalo udah restart lalu buka lagi kalo muncul kayak gini:

gradle sdk eror

itu harus download dulu file android.bat karena folder tools hilang ... download dulu sdk di google https://dl.google.com/android/repository/tools_r25.2.3-windows.zip, extract folder tools di folder sdk sebelumnya.

terus buka lagi deh SDK Managernya. lanjut ...

copy file adb.exe, AdbWinApi.dll, AdbWinUsbApi.dll copy-paste di folder bin nox terinstall, lalu rename adb.exe ke nox_adb.exe dan nox_adb dibackup/ rename nama lain.

Kalo sudah, buka nox emulator lalu koneksikan ke nox! Ups, di youtube atas dikasih trick biar gak ngetik ngetik, dibuat .bat file biar bisa dieksekusi windows 10, berikut scriptnya:

@echo off
PAUSE
C:
cd "C:\Program Files (x86)\Nox\bin"
nox_adb.exe connect 127.0.0.1:62001
@echo Port Emulator sudah diaktifkan
PAUSE
exit

buat yang mau filenya silahkan dicomot disini: https://cl.ly/d90053443bd9

Selesai, tunggu... ada error di gradle ...

gradle error

OMG ... cobaaan apalagi ini, searching via gogel, akhirnya disuruh hapus folder cachenya dahulu, berikut contohnya:

gradle error 4

@echo off
PAUSE
C:
cd "C:\Users\<NAMAUSER>\.gradle"
rmdir /s caches
@echo Berhasil Dihapus
PAUSE
exit

kalo udah lalu jalankan perintah react-native run-android di folder project native react, kurang lebih nanti akan download ulang, pastikan terkoneksi ke internet, seperti digambar ini:

gradle download

ditunggu saja, tergantung kecepatan internet dan hardisk anda, karena banyak file yang didownload, jika sudah selesai maka akan muncul keterangan koneksi ke nox, seperti digambar ini:

gradle done

Done! beneran selesai. Project native react sudah tampil di emulator nox!

FYI

Kalo suatu saat tidak bisa padahal sebelumnya bisa, COPY ULANG adb.exe (dari folder platform-tools) lalu rename jadi nox_adb.exe (di folder nox) dan pasti bisa lagi deh.

Mantap betul ...

sumber:

share

react, mobile