2

El problema es que al ingresar a mi sitio hecho con react y redux: http://190.190.139.142:4447/ muestra pantalla en blanco y con un error en consola: introducir la descripción de la imagen aquí

Pero si ingresamos desde un navegador Chrome con las extensiones para desarrollador React y Redux instaladas el sitio web funciona perfectamente.

Cual puede ser el problema? Gracias!

1
  • Podés compartir la parte del código donde instancias el middleware? Creo que el problema puede venir por ahí
    – ramirozap
    Commented el 16 may. 2019 a las 14:31

2 respuestas 2

4

Lo encontré, en tu store.js tenés el middleware declarado así:

const store = createStoreWithFirebase(rootReducer, initialState, compose(
    reactReduxFirebase(firebase),
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
));

El compose es lo que te está rompiendo la app. Si querés mantener Redux Devtools en producción te recomiendo que instales el paquete desde npm y lo uses así:

import { composeWithDevTools } from 'redux-devtools-extension';

const store = createStoreWithFirebase(rootReducer, initialState, composeWithDevTools(
    reactReduxFirebase(firebase)
));

Revisen el proceso de deploy de la app, están subiendo todo, incluso la carpeta node_modules que es muy pesada y no se utiliza para nada, igual que los archivos no minificados.

4
  • Hice los cambios y continua sin funcionar, ahora tambien da pantalla en blanco con la extension activa.
    – danyeldev
    Commented el 16 may. 2019 a las 16:02
  • instalaste redux-devtools-extension?
    – ramirozap
    Commented el 16 may. 2019 a las 16:04
  • si, está instalada como dependencia: "dependencies": { "firebase": "^5.10.0", "history": "^4.9.0", "react": "^16.8.6", "react-dom": "^16.8.6", "react-redux": "^5.1.1", "react-redux-firebase": "^2.2.6", "react-router-dom": "^5.0.0", "react-scripts": "3.0.0", "redux": "^4.0.1", "redux-auth-wrapper": "^2.1.0", "redux-devtools-extension": "^2.13.8", "redux-firestore": "^0.7.3"
    – danyeldev
    Commented el 16 may. 2019 a las 16:07
  • error mío, respuesta actualizada tenés que quitar las devtools que estaban antes
    – ramirozap
    Commented el 16 may. 2019 a las 16:13
2

Al habilitar la extension se vuelve una exigencia para correrlo bien, comenta las lineas antes de compilar, quedaria una cosa asi:

 //  en caso de que no esté instalada la extension de redux comentar
  //las siguientes 3 lineas y descomentar la otra
  // compose(
  //   applyMiddleware(...middleware),
  //   window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__()
  // )
  applyMiddleware(...middleware)
4
  • En donde encuentro ese codigo? digamos en que archivo?
    – danyeldev
    Commented el 16 may. 2019 a las 14:58
  • en store.js donde cargas redux y la extension Commented el 16 may. 2019 a las 15:00
  • const store = createStoreWithFirebase(rootReducer, initialState, //compose( reactReduxFirebase(firebase), //window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() //) applyMiddleware(...middleware) ); export default store;
    – danyeldev
    Commented el 16 may. 2019 a las 15:10
  • me sale error: applyMiddleware y middleware no estan definidas
    – danyeldev
    Commented el 16 may. 2019 a las 15:11

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.