Closed shanjairaj7 closed 1 year ago
Electron-Builder Version: ^23.6.0
Node Version: v14.19.1
Electron Version: ^22.0.2
Electron Type (current, beta, nightly): current
- Target: mac m1
Once I open the built app, this is error I am getting
I am trying to build the electron and react app for mac, and once I open the app, I am getting an error saying the app can't be opened.
I am using React router for the routing and I am loading the URL for the app with
index.html#/onboarding
when I am creating a the menubar window and the normal window.{ "name": "app", "version": "0.1.0", "private": true, "dependencies": { "@electron/remote": "^2.0.9", "@react-spring/web": "^9.7.1", "@testing-library/jest-dom": "^5.16.5", "@testing-library/react": "^13.4.0", "@testing-library/user-event": "^13.5.0", "axios": "^1.2.3", "buffer": "^6.0.3", "date-fns": "^2.29.3", "dayjs": "^1.11.7", "electron-browser-storage": "^1.0.7", "electron-store": "^8.1.0", "fs": "^0.0.1-security", "menubar": "^9.2.3", "node-schedule": "^2.1.1", "pusher-js": "^8.0.1", "react": "^18.2.0", "react-dom": "^18.2.0", "react-html-parser": "^2.0.2", "react-icons": "^4.7.1", "react-loader-spinner": "^5.3.4", "react-router-dom": "^6.8.0", "react-scripts": "5.0.1", "web-vitals": "^2.1.4" }, "main": "public/electron.js", "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject", "dev": "concurrently -k \"npm start\" \"npm:electron\"", "electron": "wait-on tcp:3000 && electron .", "electron:serve": "concurrently -k \"cross-env BROWSER=none yarn start\" \"yarn electron:start\"", "electron:build": "yarn build && electron-builder -c.extraMetadata.main=build/electron.js", "electron:start": "wait-on tcp:3000 && electron ." }, "build": { "extends": null, "appId": "com.example.app", "files": [ "dist/**/*", "build/**/*", "node_modules/**/*", "package.json" ], "directories": { "buildResources": "assets" } }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] }, "devDependencies": { "concurrently": "^7.6.0", "electron": "^22.0.2", "electron-builder": "^23.6.0", "electron-is-dev": "^2.0.0", "wait-on": "^7.0.1" } }
Electron window config
const createMenubar = () => { let mb = menubar({ index: app.isPackaged ? url.format({ pathname: path.join(__dirname, "index.html#/home"), protocol: "file:", slashes: true, }) : "http://localhost:3000", browserWindow: { width: 550, height: 675, show: true, icon: path.join(__dirname, "logo.png"), webPreferences: { nodeIntegration: false, // Default is false contextIsolation: true, // Default is true preload: path.join(__dirname, "preload.js"), // Use of preload.jsc backgroundThrottling: false, // preload: path.join(__dirname, 'preload-alt.js') // Use of preload-alt.js }, }, }); mb.on("ready", () => { mb.showWindow(); mb.tray.setImage(path.join(__dirname, "IconTemplate.png")); mb.window.setIcon(path.join(__dirname, "Logo.png")); if (isDev) mb.window.webContents.openDevTools({ mode: "detach" }); }); };
This is the folder structure, please let me know if this is right for building electron react apps with routing.
This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.
This issue was closed because it has been stalled for 5 days with no activity.
Did you find a solution? I am having the same problem
@AzerAliyev11 @shanjairaj7 Same
Electron-Builder Version: ^23.6.0
Node Version: v14.19.1
Electron Version: ^22.0.2
Electron Type (current, beta, nightly): current
Target: mac m1
Once I open the built app, this is error I am getting
I am trying to build the electron and react app for mac, and once I open the app, I am getting an error saying the app can't be opened.
I am using React router for the routing and I am loading the URL for the app with
index.html#/onboarding
when I am creating a the menubar window and the normal window.Electron window config
This is the folder structure, please let me know if this is right for building electron react apps with routing.