Untuk ini saya kembali ke aplikasi yang kami kerjakan ini, aplikasi tujuan ini tempat kami dapat menambahkan beberapa tujuan
di sini dan ini adalah kode yang kami tulis di sana, saya belum mengubah apa pun di sana.
Sekarang izinkan saya memamerkan hal-hal berbeda yang bisa salah dan bagaimana Anda memperbaikinya.
Jadi mari kita mulai
dari yang sederhana, katakanlah kita memiliki kesalahan sintaksis yang sederhana, di sini di mana kita membuka modal kita pada akhirnya dengan
mengatur mode
tambah menjadi true, izinkan saya menghapus braket penutup itu. Nah, itu kesalahan sintaks yang jelas, ini adalah kesalahan yang
kami bisa dan kami harus benar-benar menghindari karena kami sebagai pengembang membuat kesalahan yang jelas.
Sekarang hal yang baik adalah bahkan IDE kami mengenali ini dan memberi kami peringatan di sini meskipun
sayangnya, kesalahan yang ditampilkan di sini
tidak sepenuhnya benar, ia mengatakan bahwa itu mengharapkan
koma, sebenarnya itu bukan masalah sebenarnya, masalah sebenarnya adalah braket yang hilang.
Namun, kami mendapatkan gagasan bahwa ada sesuatu yang salah di
sini dan sementara Anda masih perlu memikirkan masalah ini dan Anda tidak dapat secara membuta menggunakan solusi itu dengan melihat
kode itu, pada titik tertentu Anda harus mengetahui bahwa ada braket yang hilang.
Bahkan jika Anda lupa ini dan Anda menyimpan ini katakanlah, maka bundel Javascript akan dibangun di sini,
seperti yang Anda lihat saya luncurkan ini di Android dan iOS dan sekarang kami mendapatkan layar kesalahan merah
ini yang saya bicarakan dan
lagi di sini, kita cukup membaca pesan kesalahan.
Itu masih menunjuk kita pada solusi yang salah, mengharapkan koma tetapi itu mengarahkan kita pada baris kode yang
benar,
di sini Anda melihatnya menyoroti judul tombol ini menambahkan baris tujuan baru, jadi itu masih menunjukkan kepada kita di mana
kita harus melihat dan bahwa masalahnya adalah mungkin berasal dari baris ini.
Kami mendapatkan kesalahan yang sama dengan cara di sini di konsol ini dan juga di alat expo dev kami di sini, di sana Anda
melihat pesan kesalahan yang sama juga dengan petunjuk di baris di mana kesalahan ini berasal, sehingga
Anda mendapatkan banyak bantuan untuk melacak masalah ini. Sekarang di sini, sayangnya masih belum menemukan
bahwa saya memperbaiki kesalahan ini dan karenanya di sini, kami melihatnya macet, di iOS pada
Android, itu tidak
memuat ulang. Sekarang di Android,
kita melihat perintah yang dapat kita gunakan untuk memuat
ulang aplikasi, kita dapat mengklik di sana atau menekan r dua kali untuk memuat ulang tetapi itu masih belum mengambil perubahan di sini
meskipun saya memperbaikinya dalam kode, jadi
salah satu solusi di sini adalah dengan cukup hentikan paket atau mulai ulang npm start.
Ini jarang terjadi tetapi kadang-kadang ini rusak dan kemudian hanya memulai kembali proses mulai npm ini adalah hal yang
harus dilakukan dan dengan
itu, saya akan jalankan kembali di Android dengan menekan a dan di iOS dengan menekan i dan sekarang ini
harus meluncurkan kembali aplikasi pada perangkat ini .
Sekali lagi, ini akan jarang terjadi tetapi kadang-kadang terjadi begitu saja dan Anda bisa memulainya kembali
agar ini berfungsi dengan benar.
Sekarang dengan menjalankan itu lagi, izinkan saya menunjukkan kepada Anda sebuah contoh untuk pesan kesalahan yang Anda dapatkan di tempat Anda
tidak memiliki kesalahan sintaksis tetapi Anda masih memiliki bug yang jelas dalam kode Anda.
Katakanlah ketika kita menambahkan tujuan di sini dengan judul tujuan, kita menambahkan tanda centang di mana kita melihat apakah panjang judul tujuan lebih besar
dari nol untuk memeriksa bahwa nilainya tidak kosong atau sebenarnya sama dengan nol yang berarti pengguna tidak t memasukkan
judul dan dalam hal ini, kami
hanya kembali yang berarti kami tidak akan menambahkan tujuan ini di sini dan kami juga tidak akan
menutup modal,
jadi kami hanya mengabaikan input pengguna karena kosong.
Kami mungkin ingin menampilkan
pesan kesalahan tetapi untuk sekarang kami hanya akan melakukannya seperti ini.
Sekarang ketika kita melakukan itu,
umumnya
akan bekerja dengan baik di sini, kan? Jika saya menyimpan ini dan kami kembali ke sini, buka ini dan saya klik tambahkan, Anda
tahu saya tidak dapat menambahkan tujuan kosong, saya harus memasukkan sesuatu untuk menghilang.
Sekarang katakanlah dalam komponen input sasaran kami di mana kami mengambil input pengguna, di mana kami
kemudian meneruskannya dengan memanggil add goal di sini, kami lupa melakukan itu, kami meneruskan nol di sini atau kami meneruskan apa-apa karena
kami hanya lupa menambahkan ini di sini. Sekarang aplikasi kita mulai dengan baik, itu tidak
langsung rusak karena kita tidak memiliki kesalahan yang jelas dalam kode kita, tidak ada kesalahan sintaksis tetapi jika saya memasukkan sesuatu di sini dan
saya klik tambahkan, saya tidak terdefinisi bukan objek, mengevaluasi panjang judul
tujuan dan lagi, ini adalah pesan kesalahan yang membantu kami.
Ini memberi tahu kami bahwa masalahnya ada hubungannya dengan sesuatu yang tidak terdefinisi dan bahwa itu terkait dengan
pemeriksaan panjang judul tujuan ini dan
kemudian Anda bisa terjun ke tempat di mana Anda mengakses panjang judul tujuan dan melacak masalahnya.
Jadi kami mengalami masalah dalam mendapatkan panjang judul gol karena sepertinya tidak ditentukan. Kami mendapatkannya di sini, jadi kesalahannya tentu tidak
ada
di sini, tetapi mari kita pergi ke tempat di mana add goal handler disebut
pada akhirnya.
Sekarang jika Anda ingat, kami meneruskan ini ke prop tujuan tambah di sini pada input sasaran,
jadi kami mungkin harus pergi ke input sasaran yang Anda juga dapat melakukannya dengan memegang
perintah atau kontrol dan mengklik nama komponen. Nah di sana, kami memanggil add goal di sini dan oh, di sini kita melihat apa kesalahannya. Sekarang tentu saja dalam kasus ini saya membuat
kesalahan ini di sini tetapi Anda mendapatkan poin saya dengan jelas, ini
adalah kesalahan yang pasti Anda miliki dalam kode Anda di mana Anda lupa menambahkannya, di mana Anda
mungkin mengubah cara kode Anda bekerja dan Anda lupa menyesuaikan di semua tempat dan karena itu, Anda
tiba-tiba mendapatkan kesalahan ini.
Sekarang pesan kesalahan membantu kami menemukan masalahnya.