1 00:00:02,260 --> 00:00:07,960 Untuk ini saya kembali ke aplikasi yang kami kerjakan ini, aplikasi tujuan ini tempat kami dapat menambahkan beberapa tujuan 2 00:00:07,960 --> 00:00:13,510 di sini dan ini adalah kode yang kami tulis di sana, saya belum mengubah apa pun di sana. 3 00:00:13,630 --> 00:00:19,370 Sekarang izinkan saya memamerkan hal-hal berbeda yang bisa salah dan bagaimana Anda memperbaikinya. 4 00:00:20,290 --> 00:00:21,760 Jadi mari kita mulai 5 00:00:21,790 --> 00:00:28,930 dari yang sederhana, katakanlah kita memiliki kesalahan sintaksis yang sederhana, di sini di mana kita membuka modal kita pada akhirnya dengan 6 00:00:28,930 --> 00:00:30,000 mengatur mode 7 00:00:30,040 --> 00:00:35,860 tambah menjadi true, izinkan saya menghapus braket penutup itu. Nah, itu kesalahan sintaks yang jelas, ini adalah kesalahan yang 8 00:00:35,860 --> 00:00:40,090 kami bisa dan kami harus benar-benar menghindari karena kami sebagai pengembang membuat kesalahan yang jelas. 9 00:00:40,090 --> 00:00:45,490 Sekarang hal yang baik adalah bahkan IDE kami mengenali ini dan memberi kami peringatan di sini meskipun 10 00:00:45,520 --> 00:00:47,890 sayangnya, kesalahan yang ditampilkan di sini 11 00:00:47,890 --> 00:00:50,370 tidak sepenuhnya benar, ia mengatakan bahwa itu mengharapkan 12 00:00:50,380 --> 00:00:54,120 koma, sebenarnya itu bukan masalah sebenarnya, masalah sebenarnya adalah braket yang hilang. 13 00:00:54,190 --> 00:00:57,160 Namun, kami mendapatkan gagasan bahwa ada sesuatu yang salah di 14 00:00:57,160 --> 00:01:02,890 sini dan sementara Anda masih perlu memikirkan masalah ini dan Anda tidak dapat secara membuta menggunakan solusi itu dengan melihat 15 00:01:02,890 --> 00:01:06,700 kode itu, pada titik tertentu Anda harus mengetahui bahwa ada braket yang hilang. 16 00:01:07,030 --> 00:01:12,670 Bahkan jika Anda lupa ini dan Anda menyimpan ini katakanlah, maka bundel Javascript akan dibangun di sini, 17 00:01:12,670 --> 00:01:18,520 seperti yang Anda lihat saya luncurkan ini di Android dan iOS dan sekarang kami mendapatkan layar kesalahan merah 18 00:01:18,520 --> 00:01:20,440 ini yang saya bicarakan dan 19 00:01:20,800 --> 00:01:23,280 lagi di sini, kita cukup membaca pesan kesalahan. 20 00:01:23,410 --> 00:01:29,410 Itu masih menunjuk kita pada solusi yang salah, mengharapkan koma tetapi itu mengarahkan kita pada baris kode yang 21 00:01:29,410 --> 00:01:29,780 benar, 22 00:01:29,830 --> 00:01:36,580 di sini Anda melihatnya menyoroti judul tombol ini menambahkan baris tujuan baru, jadi itu masih menunjukkan kepada kita di mana 23 00:01:37,060 --> 00:01:41,170 kita harus melihat dan bahwa masalahnya adalah mungkin berasal dari baris ini. 24 00:01:41,170 --> 00:01:48,490 Kami mendapatkan kesalahan yang sama dengan cara di sini di konsol ini dan juga di alat expo dev kami di sini, di sana Anda 25 00:01:48,490 --> 00:01:53,470 melihat pesan kesalahan yang sama juga dengan petunjuk di baris di mana kesalahan ini berasal, sehingga 26 00:01:53,470 --> 00:01:58,770 Anda mendapatkan banyak bantuan untuk melacak masalah ini. Sekarang di sini, sayangnya masih belum menemukan 27 00:01:58,780 --> 00:02:04,270 bahwa saya memperbaiki kesalahan ini dan karenanya di sini, kami melihatnya macet, di iOS pada 28 00:02:04,270 --> 00:02:05,650 Android, itu tidak 29 00:02:05,650 --> 00:02:07,690 memuat ulang. Sekarang di Android, 30 00:02:07,690 --> 00:02:10,000 kita melihat perintah yang dapat kita gunakan untuk memuat 31 00:02:10,090 --> 00:02:16,240 ulang aplikasi, kita dapat mengklik di sana atau menekan r dua kali untuk memuat ulang tetapi itu masih belum mengambil perubahan di sini 32 00:02:16,240 --> 00:02:18,010 meskipun saya memperbaikinya dalam kode, jadi 33 00:02:18,010 --> 00:02:21,850 salah satu solusi di sini adalah dengan cukup hentikan paket atau mulai ulang npm start. 34 00:02:21,970 --> 00:02:27,910 Ini jarang terjadi tetapi kadang-kadang ini rusak dan kemudian hanya memulai kembali proses mulai npm ini adalah hal yang 35 00:02:27,910 --> 00:02:29,480 harus dilakukan dan dengan 36 00:02:29,530 --> 00:02:35,500 itu, saya akan jalankan kembali di Android dengan menekan a dan di iOS dengan menekan i dan sekarang ini 37 00:02:35,570 --> 00:02:37,850 harus meluncurkan kembali aplikasi pada perangkat ini . 38 00:02:37,870 --> 00:02:43,540 Sekali lagi, ini akan jarang terjadi tetapi kadang-kadang terjadi begitu saja dan Anda bisa memulainya kembali 39 00:02:43,540 --> 00:02:45,500 agar ini berfungsi dengan benar. 40 00:02:45,520 --> 00:02:50,380 Sekarang dengan menjalankan itu lagi, izinkan saya menunjukkan kepada Anda sebuah contoh untuk pesan kesalahan yang Anda dapatkan di tempat Anda 41 00:02:50,380 --> 00:02:53,800 tidak memiliki kesalahan sintaksis tetapi Anda masih memiliki bug yang jelas dalam kode Anda. 42 00:02:54,640 --> 00:03:02,830 Katakanlah ketika kita menambahkan tujuan di sini dengan judul tujuan, kita menambahkan tanda centang di mana kita melihat apakah panjang judul tujuan lebih besar 43 00:03:02,950 --> 00:03:09,520 dari nol untuk memeriksa bahwa nilainya tidak kosong atau sebenarnya sama dengan nol yang berarti pengguna tidak t memasukkan 44 00:03:09,520 --> 00:03:11,700 judul dan dalam hal ini, kami 45 00:03:11,700 --> 00:03:17,740 hanya kembali yang berarti kami tidak akan menambahkan tujuan ini di sini dan kami juga tidak akan 46 00:03:17,740 --> 00:03:18,790 menutup modal, 47 00:03:18,790 --> 00:03:21,610 jadi kami hanya mengabaikan input pengguna karena kosong. 48 00:03:21,640 --> 00:03:23,130 Kami mungkin ingin menampilkan 49 00:03:23,140 --> 00:03:26,470 pesan kesalahan tetapi untuk sekarang kami hanya akan melakukannya seperti ini. 50 00:03:26,540 --> 00:03:29,120 Sekarang ketika kita melakukan itu, 51 00:03:29,120 --> 00:03:30,230 umumnya 52 00:03:30,230 --> 00:03:37,400 akan bekerja dengan baik di sini, kan? Jika saya menyimpan ini dan kami kembali ke sini, buka ini dan saya klik tambahkan, Anda 53 00:03:37,430 --> 00:03:40,650 tahu saya tidak dapat menambahkan tujuan kosong, saya harus memasukkan sesuatu untuk menghilang. 54 00:03:40,670 --> 00:03:47,030 Sekarang katakanlah dalam komponen input sasaran kami di mana kami mengambil input pengguna, di mana kami 55 00:03:47,030 --> 00:03:55,990 kemudian meneruskannya dengan memanggil add goal di sini, kami lupa melakukan itu, kami meneruskan nol di sini atau kami meneruskan apa-apa karena 56 00:03:55,990 --> 00:04:02,200 kami hanya lupa menambahkan ini di sini. Sekarang aplikasi kita mulai dengan baik, itu tidak 57 00:04:02,200 --> 00:04:10,760 langsung rusak karena kita tidak memiliki kesalahan yang jelas dalam kode kita, tidak ada kesalahan sintaksis tetapi jika saya memasukkan sesuatu di sini dan 58 00:04:10,820 --> 00:04:14,510 saya klik tambahkan, saya tidak terdefinisi bukan objek, mengevaluasi panjang judul 59 00:04:14,540 --> 00:04:18,170 tujuan dan lagi, ini adalah pesan kesalahan yang membantu kami. 60 00:04:18,170 --> 00:04:24,680 Ini memberi tahu kami bahwa masalahnya ada hubungannya dengan sesuatu yang tidak terdefinisi dan bahwa itu terkait dengan 61 00:04:24,680 --> 00:04:27,280 pemeriksaan panjang judul tujuan ini dan 62 00:04:27,470 --> 00:04:33,130 kemudian Anda bisa terjun ke tempat di mana Anda mengakses panjang judul tujuan dan melacak masalahnya. 63 00:04:33,320 --> 00:04:39,020 Jadi kami mengalami masalah dalam mendapatkan panjang judul gol karena sepertinya tidak ditentukan. Kami mendapatkannya di sini, jadi kesalahannya tentu tidak 64 00:04:39,020 --> 00:04:39,800 ada 65 00:04:39,800 --> 00:04:45,320 di sini, tetapi mari kita pergi ke tempat di mana add goal handler disebut 66 00:04:45,320 --> 00:04:46,130 pada akhirnya. 67 00:04:46,130 --> 00:04:51,620 Sekarang jika Anda ingat, kami meneruskan ini ke prop tujuan tambah di sini pada input sasaran, 68 00:04:51,620 --> 00:04:56,780 jadi kami mungkin harus pergi ke input sasaran yang Anda juga dapat melakukannya dengan memegang 69 00:04:56,780 --> 00:05:04,460 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 70 00:05:04,460 --> 00:05:08,360 kesalahan ini di sini tetapi Anda mendapatkan poin saya dengan jelas, ini 71 00:05:08,360 --> 00:05:13,790 adalah kesalahan yang pasti Anda miliki dalam kode Anda di mana Anda lupa menambahkannya, di mana Anda 72 00:05:13,790 --> 00:05:19,120 mungkin mengubah cara kode Anda bekerja dan Anda lupa menyesuaikan di semua tempat dan karena itu, Anda 73 00:05:19,130 --> 00:05:20,610 tiba-tiba mendapatkan kesalahan ini. 74 00:05:20,720 --> 00:05:23,900 Sekarang pesan kesalahan membantu kami menemukan masalahnya.