¿Cómo usar React Router con Electron?

Solución:

Tuvo que reemplazar BrowserRouter con HashRouter.

import {
  HashRouter,
  Route
} from "react-router-dom";

Y luego en mi index.js o el archivo de entrada de la aplicación Electron tenía algo como esto:

<HashRouter>
  <div>
    <Route path="https://foroayuda.es/" exact     component={ Home } />
    <Route path="/firstPage"  component={ FirstPage } />
    <Route path="/secondPage" component={ SecondPage } />
  </div>
</HashRouter>

Y luego todo funcionó.

El razonamiento: BrowserRouter está destinado a entornos basados ​​en solicitudes, mientras que HashRouter está diseñado para entornos basados ​​en archivos.

Leer más aquí:

• https://github.com/ReactTraining/react-router/blob/master/packages/react-router-dom/docs/api/HashRouter.md

Otra opción sería utilizar hashHistory en lugar de. De hecho, en el repositorio al que se hace referencia, puede ver que están usando hashHistory, ¿qué tal si lo intentas y publicas de nuevo?

Estoy usando React Router v4 y no quería recurrir al HashRouter, así que lo resolví con algo como:

import { Redirect, BrowserRouter } from 'react-router-dom';

const App = () => (
  <BrowserRouter>
    <div>
      {window.location.pathname.includes('index.html') && <Redirect to="https://foroayuda.es/" />}
    </div>
  </BrowserRouter>
);

---

---

Utiliza Nuestro Buscador