Si encuentras algún fallo con tu código o trabajo, recuerda probar siempre en un ambiente de testing antes aplicar el código al proyecto final.
Solución:
Tuve un problema similar cuando traté de compilar para Windows.
Mientras que la win.loadURL(...)
parece funcionar así en desarrollo, tal vez intente cambiarlo a esto cuando construya:
win.loadURL(url.format(
pathname: path.join(__dirname, 'index.html'),
protocol: 'file:',
slashes: true
));
Esto asegura que definitivamente obtiene el camino correcto a su index.html
expediente.
Para el path.join(...)
y url.format(...)
para trabajar necesitas require
ellos primero:
const path = require('path');
const url = require('url');
En mi caso, la compilación también mostró un sitio en blanco. Para aquellos que usan React Router en su proyecto, esta solución podría ser útil.
Mi variable startUrl se ve así:
const startUrl = process.env.ELECTRON_START_URL || url.format(
pathname: path.join(__dirname, '/../build/index.html'),
protocol: 'file:',
slashes: true
);
Para mí la solución fue mudarme de BrowserRouter
para HashRouter
en tus App.js
como se menciona en este hilo
render()
return (
);