He tenido un problema durante 3 días y realmente no entiendo qué puede causar este error, ¿pueden ayudarme?
Aquí está el problema, he creado un juego pequeño (react.js) donde se muestran 5 cartas en cada recarga, estas 5 cartas tienen una puntuación de puntos cada una que se acumula cada vez, lo que da una puntuación de todas las cartas, luego la puntuación de cada "mano" que se acumula.
En modo desarrollo, todo funciona correctamente, pero si lo construyo y lo coloco en un cdn (netlify), la lógica de puntuación no funciona...
Enlace de producción (error): https://are-you-lucky-game.netlify.app/
Enlace de repositorio de Github (el modo de desarrollo funciona bien): https://github.com/rodolphe37/random-playing-card-tuto/tree/step-3-final
Creo que el problema puede venir de aquí:
En mi consola en render (en desarrollo)
score: undefined classment from ScoreForm {pts: 0, name: ''} scoreArray (5) [3, 7, 10, 15, 2] classment from center Page {pts: 0, name: ''} classment from state {pts: 0, name: ''} classment from session {pts: 0, name: ''} score: undefined classment from ScoreForm {pts: 0, name: ''} scoreArray (5) [3, 7, 10, 15, 2] classment from center Page {pts: 0, name: ''} classment from state {pts: 0, name: ''} classment from session {pts: 0, name: ''} score: 0 classment from ScoreForm {pts: 37, name: ''} score: 37en desarrollo, mi componente se renderiza varias veces (creo que 3 o 4), y en el último renderizado, la información está ahí.
En mi Consola (modo prod)
score: undefined classment from ScoreForm {pts: 0, name: ''} scoreArray (5) [5, 25, 3, 6, 1] classment from center Page {pts: 0, name: ''} classment from state {pts: 0, name: ''} classment from session {pts: 0, name: ''} score: 0 classment from ScoreForm {pts: 0, name: ''}``En producción, creo que mi componente se procesa dos veces, por lo que mis valores no están allí.
¿Cómo puedo asegurarme de que mi información (proviene de sessionStorage) esté presente en el primer renderizado de cada componente?
Si alguna vez te has encontrado con este tipo de error, o si crees que tienes una solución para mí, estoy interesado.
¡Gracias por adelantado!
Puedo ver en su repositorio que está usando browserslist en package.json. Esto es común en react-create-app ya que esta biblioteca agrupará su código según la configuración que se proporciona. Tenga en cuenta que tiene dos configuraciones diferentes para desarrollo y producción, intente usar la misma configuración que tiene en desarrollo también para el objeto de producción, esto debería solucionar su problema.