Creé un proyecto de reacción de prueba con la npx create react app y agregué el archivo electron.js. Luego ejecuto el script de compilación y se compiló correctamente, pero cuando intento ejecutar el .exe, no aparece nada y la consola devuelve un Failed to load resource: net::ERR_FILE_NOT_FOUND .

electrón.js

 const { app, BrowserWindow } = require("electron"); const path = require("path"); const isDev = require("electron-is-dev"); function createWindow() { const mainWindow = new BrowserWindow({ width: 1920, height: 1080, webPreferences: { preload: path.join(__dirname, "preload.js"), }, }); mainWindow.loadURL( isDev ? "http://localhost:3000" : `file://${path.join(__dirname, "../build/index.html")}` ); mainWindow.webContents.openDevTools(); } app.whenReady().then(() => { createWindow(); app.on("activate", function () { if (BrowserWindow.getAllWindows().length === 0) createWindow(); }); }); app.on("window-all-closed", function () { if (process.platform !== "darwin") app.quit(); });

EDITAR: lo intenté nuevamente desde el principio y logré compilar solo con la aplicación create-react-app; sin embargo, ahora cambié algunos archivos con un componente Routes y, mientras estoy en desarrollo, funciona bien cuando lo construyo, no se muestra nada. Se muestran console.log pero no el componente.

rutas.js

 const routes = [ { exact: true, path: "/", component: lazy(() => import("../test")), }, ]; const renderRoutes = (routes) => routes ? ( <Suspense fallback={<div>Loading...</div>}> <Switch> {routes.map((route, i) => { const Layout = route.layout || Fragment; const Component = route.component; console.log({ Component }); return ( <Route key={i} path={route.path} exact render={(props) => ( <Layout> {route.routes ? ( renderRoutes(route.routes) ) : ( <Component {...props} /> )} </Layout> )} /> ); })} </Switch> </Suspense> ) : null; const Routes = () => { return renderRoutes(routes); }; export default Routes;