Cómo obtener errores de React no minificados para Gatsby
Intentando ejecutar gatsby build y obteniendo este mensaje de error.
Ha ocurrido un error: Error React Minificado #31; visita https://reactjs.org/docs/error-decoder.html?invariant=31&args[]=object%20with%20keys%20%7Bid%2C%20frontmatter%2C%20parent%7D para obtener el mensaje completo o utiliza el entorno de desarrollo sin minificar para ver todos los errores y advertencias útiles adicionales.
Para ver el mensaje completo he intentado:
"GATSBY_ENV=development && gatsby build --no-uglify"
Pero esto no hace ningún cambio.
Mensaje en reactjs.org
Los objetos no son válidos como un elemento React (encontrado: objeto con las claves {id, frontmatter, parent}). Si quisieras renderizar una colección de elementos, utiliza un arreglo en su lugar.
Muchos objetos en este proyecto tienen estas claves, así que no tengo forma de saber dónde está el problema.
¿Alguien puede aconsejar?
davy.ai
Según el mensaje de error, el problema está relacionado con un objeto que tiene las claves {id, frontmatter, parent} y no es un hijo válido de React. La solución sugerida es usar un array en lugar de renderizar una colección de hijos.
Para identificar el componente y la línea de código que causa este error, puedes utilizar el entorno de desarrollo no minimizado. Intenta ejecutar el siguiente comando:
GATSBY_ENV=development gatsby buildEsto debería darte un mensaje de error más detallado con la ubicación del problema. Una vez que identifiques el componente que causa el error, puedes revisar la forma en que renderiza sus hijos para evitar renderizar un objeto con las claves inválidas.
Si el error persiste después de esto, es posible que debas verificar la versión de React que estás utilizando y asegurarte de que sea compatible con la versión de Gatsby que estás ejecutando.