1 00:00:02,260 --> 00:00:07,960 Para esto estoy de vuelta en esta aplicación en la que trabajamos, esta aplicación de objetivos donde podemos 2 00:00:07,960 --> 00:00:13,510 agregar algunos objetivos aquí y este es el código que escribimos allí, no he cambiado nada allí. 3 00:00:13,630 --> 00:00:19,370 Ahora déjame mostrarte las diferentes cosas que podrían salir mal y cómo las arreglas. 4 00:00:20,290 --> 00:00:21,760 Entonces, comencemos simple, digamos 5 00:00:21,790 --> 00:00:28,930 que tenemos un error de sintaxis simple, aquí donde abrimos nuestro modal al final estableciendo el modo de 6 00:00:28,930 --> 00:00:30,000 agregar en 7 00:00:30,040 --> 00:00:35,860 verdadero, permítanme eliminar ese corchete de cierre. Ahora que es un claro error de sintaxis, es un 8 00:00:35,860 --> 00:00:40,090 error que podemos y debemos evitar por completo porque nosotros, como desarrolladores, cometimos un claro error. 9 00:00:40,090 --> 00:00:45,490 Ahora, lo bueno es que incluso nuestro IDE reconoce esto y nos da una advertencia aquí, aunque desafortunadamente, el error 10 00:00:45,520 --> 00:00:47,890 que muestra aquí no es del todo correcto, 11 00:00:47,890 --> 00:00:50,370 dice que está esperando una coma, bueno, en realidad 12 00:00:50,380 --> 00:00:54,120 ese no es el problema real, el problema real es un Falta el soporte. 13 00:00:54,190 --> 00:00:57,160 Aún así, tenemos una idea de que algo está 14 00:00:57,160 --> 00:01:02,890 mal aquí y, si bien aún debe pensar en el problema y no puede usar esa solución a ciegas 15 00:01:02,890 --> 00:01:06,700 mirando ese código, en algún momento debería descubrir que falta un soporte. 16 00:01:07,030 --> 00:01:12,670 Incluso si olvida esto y guarda esto, digamos, entonces el paquete Javascript se construirá aquí, como puede ver, 17 00:01:12,670 --> 00:01:18,520 lancé esto tanto en Android como en iOS y ahora estamos recibiendo esta pantalla de error roja de la 18 00:01:18,520 --> 00:01:20,440 que estaba hablando y nuevamente 19 00:01:20,800 --> 00:01:23,280 aquí, simplemente podemos leer el mensaje de error. 20 00:01:23,410 --> 00:01:29,410 Todavía nos está apuntando a la solución incorrecta, esperando una coma, pero nos señala la línea de código correcta, 21 00:01:29,410 --> 00:01:29,780 aquí 22 00:01:29,830 --> 00:01:36,580 puede ver que resalta el título de este botón, agregue una nueva línea de meta, por lo que aún nos muestra dónde 23 00:01:37,060 --> 00:01:41,170 debemos mirar y que el problema es probablemente derivado de esta línea. 24 00:01:41,170 --> 00:01:48,490 Por cierto, obtenemos el mismo error aquí en esta consola y también en nuestras herramientas de desarrollo de exposición, aquí puede ver el mismo mensaje de 25 00:01:48,490 --> 00:01:53,470 error también con una pista en la línea de donde proviene este error, por lo que está 26 00:01:53,470 --> 00:01:58,770 obteniendo un montón de Ayuda para localizar este problema. Ahora aquí, desafortunadamente todavía no se da cuenta 27 00:01:58,780 --> 00:02:04,270 de que solucioné este error y, por lo tanto, aquí, vemos que se bloqueó, en iOS 28 00:02:04,270 --> 00:02:05,650 en Android, no se 29 00:02:05,650 --> 00:02:07,690 está recargando. Ahora en Android, 30 00:02:07,690 --> 00:02:10,000 vemos un comando que podemos usar para volver a 31 00:02:10,090 --> 00:02:16,240 cargar la aplicación, podemos hacer clic allí o presionar r dos veces para volver a cargarlo, pero aún no está recogiendo el cambio aquí a 32 00:02:16,240 --> 00:02:18,010 pesar de que lo arreglé en el 33 00:02:18,010 --> 00:02:21,850 código, así que una solución aquí es simplemente detenga el paquete o reinicie npm start. 34 00:02:21,970 --> 00:02:27,910 Esto ocurre raramente, pero a veces esto se rompe y luego simplemente reiniciar este proceso de inicio de npm 35 00:02:27,910 --> 00:02:29,480 es lo que hay 36 00:02:29,530 --> 00:02:35,500 que hacer y con eso, lo volveré a ejecutar en Android presionando ay iOS presionando i y ahora esto 37 00:02:35,570 --> 00:02:37,850 debería reiniciar la aplicación en estos dispositivos . 38 00:02:37,870 --> 00:02:43,540 Nuevamente, esto sucederá raramente, pero a veces simplemente sucede y puede reiniciarlo para que 39 00:02:43,540 --> 00:02:45,500 vuelva a funcionar correctamente. 40 00:02:45,520 --> 00:02:50,380 Ahora, con eso ejecutándose nuevamente, permítame mostrarle un ejemplo de un mensaje de error que está recibiendo donde no tiene 41 00:02:50,380 --> 00:02:53,800 un error de sintaxis pero aún tiene un error claro en su código. 42 00:02:54,640 --> 00:03:02,830 Digamos que cuando agregamos un objetivo aquí con el título del objetivo, agregamos un control donde vemos si la longitud del título del objetivo es mayor que 43 00:03:02,950 --> 00:03:09,520 cero para verificar que el valor no esté vacío o que en realidad sea igual a cero, lo que significa que el 44 00:03:09,520 --> 00:03:11,700 usuario no t ingrese un título y 45 00:03:11,700 --> 00:03:17,740 en este caso, solo regresamos, lo que significa que no agregaremos este objetivo aquí y tampoco cerraremos el modal, 46 00:03:17,740 --> 00:03:18,790 por lo que 47 00:03:18,790 --> 00:03:21,610 solo ignoramos la entrada del usuario porque está vacía. 48 00:03:21,640 --> 00:03:23,130 Es posible que queramos 49 00:03:23,140 --> 00:03:26,470 mostrar un mensaje de error, pero por ahora lo haremos así. 50 00:03:26,540 --> 00:03:29,120 Ahora, cuando hacemos 51 00:03:29,120 --> 00:03:30,230 eso, 52 00:03:30,230 --> 00:03:37,400 generalmente funcionará bien aquí, ¿verdad? Si guardo esto y volvemos aquí, lo abro y hago clic en Agregar, verá que no 53 00:03:37,430 --> 00:03:40,650 puedo agregar un objetivo vacío, tengo que ingresar algo para que esto desaparezca. 54 00:03:40,670 --> 00:03:47,030 Ahora digamos en nuestro componente de entrada de objetivos donde estamos obteniendo la entrada del 55 00:03:47,030 --> 00:03:55,990 usuario, donde luego lo reenviamos llamando a agregar objetivo aquí, nos olvidamos de hacer eso, reenviamos nulo aquí o no reenviamos 56 00:03:55,990 --> 00:04:02,200 nada porque simplemente olvidamos agregar esto aquí. Ahora nuestra aplicación comienza bien, no se rompe de 57 00:04:02,200 --> 00:04:10,760 inmediato porque no tenemos un error claro en nuestro código, no hay error de sintaxis, pero si ingreso algo aquí y hago clic en Agregar, obtengo indefinido 58 00:04:10,820 --> 00:04:14,510 no es un objeto, evaluando la longitud del título del objetivo y 59 00:04:14,540 --> 00:04:18,170 De nuevo, este es un mensaje de error que nos ayuda. 60 00:04:18,170 --> 00:04:24,680 Nos informa que el problema tiene algo que ver con algo que no está definido y que está relacionado con esta verificación 61 00:04:24,680 --> 00:04:27,280 de la longitud del título del objetivo y 62 00:04:27,470 --> 00:04:33,130 luego podría sumergirse en el lugar donde accede a la longitud del título del objetivo y rastrear el problema. 63 00:04:33,320 --> 00:04:39,020 Así que estamos teniendo problemas para obtener la longitud del título del gol porque parece indefinido. Lo estamos obteniendo aquí, por lo que el 64 00:04:39,020 --> 00:04:39,800 error 65 00:04:39,800 --> 00:04:45,320 ciertamente no está aquí, pero vayamos al lugar donde al final se llama agregar controlador 66 00:04:45,320 --> 00:04:46,130 de objetivos. 67 00:04:46,130 --> 00:04:51,620 Ahora, si recuerdas, estamos pasando esto al accesorio de agregar objetivo aquí en la entrada de objetivo, por lo que 68 00:04:51,620 --> 00:04:56,780 probablemente deberíamos ir a la entrada de objetivo, que por cierto también puedes hacer manteniendo presionado comando o control 69 00:04:56,780 --> 00:05:04,460 y haciendo clic en el nombre del componente. Bien allí, invocamos agregar objetivo aquí y, oh, aquí vemos cuál es el error. Ahora, por supuesto, en este caso, construí 70 00:05:04,460 --> 00:05:08,360 este error aquí, pero obviamente entiendo mi punto, este es un error 71 00:05:08,360 --> 00:05:13,790 que ciertamente podría tener en su código donde olvidó agregarlo, donde tal vez cambie la forma en 72 00:05:13,790 --> 00:05:19,120 que funciona su código y olvidó ajustar en todos los lugares y, por lo tanto, de 73 00:05:19,130 --> 00:05:20,610 repente obtienes este error. 74 00:05:20,720 --> 00:05:23,900 Ahora el mensaje de error nos ayudó a encontrar el problema.