Saltar al contenido

Electron muestra una pantalla blanca cuando se construye

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 (
     
        
           
              
              
           
        
     
  );

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *