Halo, kali ini kita akan membahas tentang error yang saya alami belum lama ini ketika melakukan compiling code menjadi aplikasi android (apk) menggunakan React Native. Errornya terjadi ketika saya menggunakan package React Navigation. Package ini digunakan untuk mempermudah navigasi pada aplikasi.
Berikut adalah bentuk dari code errornya, gak sama persis tapi kurang lebih begini.
...\@react-navigation\core\src\types.tsx: Unexpected token, expected "?" (705:52)
Error ini terjadi kemungkinan karena ada package yang versinya tidak sesuai. Dalam kasus saya ini, saya melakukan copy paste project (source code beserta package.json dan package-lock.json) dari project lain untuk membuat project baru. Tentunya project lainnya ini adalah project yang sudah cukup lama, kurang lebih setahun yang lalu dibuatnya. Karena saya copas package.json nya, sehingga versi dari package dan dependencies yang digunakan jadi ikut tercopy dan tidak terupdate.
Cara penyelesaiannya adalah dengan mengupdate versi package atau dependencies menjadi versi yang terbaru. Dalam hal ini, karena error terjadi pada @react-navigation, maka dependencies yang akan diupdate yaitu @babel/core dan @babel/runtime. Berikut adalah langkah untuk menginstall ulang dan memasangkan versi dependencies terbaru.
- Hapus folder node_modules yang ada pada project
- Hapus file package-lock.json
- Hapus informasi package mengenai @babel/core dan @babel/runtime yang ada di file package.json, di dalam devDependecies
- Install ulang @babel/core dan @babel/runtime, menggunakan `npm install --save-dev @babel/core @babel/runtime`
- Install ulang package lainnya yang digunakan, menggunakan `npm install`
Kemudian jika sudah, coba compile code lagi dan apk akan berhasil di compile. Selamat mencoba.
Referensi:
Salam Share,
Funtastic Share
Komentar
Posting Komentar