chrome · JavaScript
El mensaje
Uncaught TypeError: Cannot read properties of undefined (reading 'name')
Qué significa
El valor a la izquierda del punto es undefined y le leíste una propiedad; el nombre entre paréntesis es la propiedad que querías, así que lo roto es el valor anterior. Viene de una respuesta que aún no ha llegado, de una prop que nadie pasó, de un nivel de más como en data.user.name, o de arr[0].id sobre un array vacío. Cuando el valor es legítimamente opcional, user?.name corta el paso; pero si el valor debía estar ahí, ?. solo convierte el error en un undefined que falla en la línea siguiente, así que busca arriba por qué es undefined. Antes de Chrome 78 el mismo error decía Cannot read property 'name' of undefined.
El arreglo
No hay un comando de una línea. La explicación dice qué revisar.
- Lo imprime
- chrome
- JavaScript
- 15
Los errores del navegador y de Node suelen decirte qué se rompió y no por qué el valor llegó a ser así —leíste undefined, no era una función, no era JSON—, así que el lugar del arreglo está aguas arriba de la línea que lanzó el error, y silenciar solo esa línea con ?. y valores por defecto hace que el mismo problema reaparezca más lejos y con una forma más difícil de reconocer.
Cómo leer un mensaje de error
- Lee desde la primera línea. Cuanto más abajo, más son las tripas de la herramienta; la causa suele estar arriba.
- Si hay un archivo y un número de línea, empieza ahí: no el marco superior de la pila, sino la línea más alta que nombre un archivo tuyo.
- Busca el mensaje literal, pero quita antes tus rutas y nombres de variables: eso es lo que impide que la búsqueda coincida.
- La misma condición se redacta distinto según la versión. Si los resultados no cuadran, añade el número de versión.
- Antes de pegar un arreglo, comprueba qué descarta. Algunos no se pueden deshacer.
Preguntas frecuentes
Q. ¿Qué significa «Uncaught TypeError: Cannot read properties of undefined (reading 'name')»?
El valor a la izquierda del punto es undefined y le leíste una propiedad; el nombre entre paréntesis es la propiedad que querías, así que lo roto es el valor anterior. Viene de una respuesta que aún no ha llegado, de una prop que nadie pasó, de un nivel de más como en data.user.name, o de arr[0].id sobre un array vacío. Cuando el valor es legítimamente opcional, user?.name corta el paso; pero si el valor debía estar ahí, ?. solo convierte el error en un undefined que falla en la línea siguiente, así que busca arriba por qué es undefined. Antes de Chrome 78 el mismo error decía Cannot read property 'name' of undefined.
Q. ¿Cómo se arregla?
No hay comando de una línea. La explicación de arriba dice qué revisar.
Q. ¿Qué herramienta lo imprime?
chrome. Está en JavaScript y el mensaje tiene 9 palabras.