ReactNative, jungkir balik urusan itu-itu lagi

By | 2 Oktober 2018

Selamat pagi, saya lagi mau nyatet step-step yang mesti diperhatikan ketika menggunakan react-native. Saya dalam 2 bulan ini mondar-mandir urusan hal-hal yang itu2 saja. Error yg sama urusan environment dan library yang kadang malah bikin error.

Kali ini saya menyerah pada error-error yang tampil pada aplikasi yang saya buat. jadinya, saya mau buat dari awal. dari inisialisasi react-native termasuk proses install setiap library-nya. Oke, saya akan mencatat dari proses init project hingga memasang beberapa library-nya. dan akan di catat di sini, termasuk kendala-kendalanya. (dan setengah berjanji, step development akan dicateting, ya walau mungkin gak semuanya bisa dicatetin). 😀

install and run it!

react-native init nama_project
cd nama_project
[kalau lansung menjalankan react-native run-ios atau run-android kemungkinan besar error]
npm add @babel/runtime
npm install

react-native run-ios
[jalankan android emulator]
react-native run-android [jika error sdk-lihat catatan dibawah] 

install native-base

npm install –save native-base
react-native link

install react-navigation

yarn add react-navigation

install chart

yarn add react-native-charts-wrapper
pergi ke THIS DOCUMENTATIONS

kalau pas run-ios ketemu build ga sukses, bisa intip ini nih: https://github.com/danielgindi/Charts/issues/3647 Kebetulan dependensinya sama dan problemnya bakalan sama. 😀

 

 

 

 

 

kalau sudah install semunya, jangan lupa membuat versi release-nya. kenapa? karena library yg kita gunakan terkadang error ketika mau direlease. 🙂 #tepokjidat kebayang kan, proses development yang mode debug jalan dengan smooth, eh pas mode release error. 🙂 referensi: https://facebook.github.io/react-native/docs/running-on-device

 

 

 

note:

jika ketemu error ini:

error: bundling failed: Error: ENOENT: no such file or directory, uv_cwd

restart aja metronya, lalu run lagi. kemungkinan ada perubahan struktur folder. baik pada source kita maupun source library(node_modules).

jika ketemu error ini:

what went wrong:
A problem occurred evaluating project ‘:app’.
> SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable.

pergi ke sini https://stackoverflow.com/questions/32634352/react-native-android-build-failed-sdk-location-not-found

 

terkadang, setelah yarn add, program kita error. maka, lakukan npm install aja(setiap npm install, kadang tetap error, restart aja metro builder-nya). 🙂

 

oke, proses saya bikin project dari awal-nya sudah kelar, saya lanjut mindah2in source dulu.

 

UPDATE #1

Saya barusan mindahin2 manual source lama ke project inisial baru(yg dishare di atas ini). ketemu dengan error semacam ini:

module appregistry is not a registered callable module (calling runapplication)

nah, sempat bingung. dapet referensi ini: https://stackoverflow.com/questions/34969858/react-native-module-appregistry-is-not-a-registered-callable-module . siapa tahu nanti ketemu lagi. oia, saya gak ikutan cara ini. rupanya, saya kan copas-copas aja. dan yg dicopas rupanya juga folder. jadi inget solusi lain yg di atas. tutup metro builder, lalu run-ios lagi. taraaaangg…, it’s works!

 

UPDATE #2

Akhirnya aplikasi saya tidak bisa jalan ketika realease. sudah dicoba berbagai cara, masih belum bisa. masih kebingungan apa yang sebenernya terjadi. 🙂

 

Artikel ini saya akan upadate jika ketemu error yang umum terjadi. Tidak spesifik ke source saya, tapi ke error-error yang terjadi karena environment dan library. Sebagai catatan saya, agar tidak harus browsing itu lagi itu lagi. 🙂

 

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

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