mi aplicación de reacción funciona bien en mi PC usando Google Chrome (donde la construyo) pero no funciona en Microsoft Edge, y también funciona bien en localhost, pero en mi computadora portátil y teléfono muestra una página en blanco, mi host es: http ://dorian1.com/
Intenté usar hashrouter en lugar de browserrouter, agregando "página de inicio" en mi paquete.json,
mi aplicación.js es:
import React, { useState } from 'react' import { BrowserRouter as Router, Switch, Route} from 'react-router-dom' import './styles/App.css' import Footer from './footer/Footer' import Header from './header/Header' import Search from './search/Search' import Alert from './alert/Alert' // PAGES import News from './pages/news/News' import Opinion from './pages/opinion/Opinion' import Sport from './pages/sport/Sport' import Culture from './pages/culture/Culture' import Lifestyle from './pages/lifestyle/Lifestyle' import SearchResults from './pages/searchResults/SearchResults' import SingleArticle from './pages/SingleArticle/SingleArticle' function App() { const [alert, setAlert] = useState(null) return ( <Router> <Header /> <Alert alert={alert}/> <Search setAlert={setAlert}/> <Switch> <Route exact path='/' component={News}/> <Route path='/News' component={News}/> <Route path='/Opinion' component={Opinion}/> <Route path='/Sport' component={Sport}/> <Route path='/Culture' component={Culture}/> <Route path='/Lifestyle' component={Lifestyle}/> <Route path='/SearchResults' component={SearchResults}/> <Route path='/SingleArticle' component={SingleArticle}/> </Switch> <Footer /> </Router> ); } export default App;la consola en el borde dice:
Uncaught TypeError: Cannot read properties of undefined (reading 'apply') at redux.js:621 at f (redux.js:154) at Module.454 (store.js:11) at a ((index):1) at t ((index):1) at Array.r [as push] ((index):1) at main.a2301ff4.chunk.js:1mi index.js es:
import React from 'react'; import ReactDOM from 'react-dom'; import App from './App'; // REDUX import { Provider } from 'react-redux' // import store from './store' import { PersistGate } from 'redux-persist/integration/react' import {store, persistor} from './store' ReactDOM.render( <Provider store={store}> <PersistGate persistor={persistor}> <App /> </PersistGate> </Provider>, document.getElementById('root') );Lo arreglé, mi tienda js tenía thunk middleware importado pero nunca usado,
const middleware = [thunk]; export const store = createStore(rootReducer, initialState, compose( applyMiddleware(...middleware), window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() ));eliminé el middleware y ahora funciona, no tiene sentido, pero espero que ayude a alguien