記錄react+electron開發單頁應用SPA遇到的路由問題
遇到的問題 在electron-vite提供的開發服務器中,electron能正常顯示頁面中的路由並能正常跳轉. 而在build打包後,雙擊運行electron應用,路由失效,顯示空白頁面 排查BUG 閲讀了腳手架為我生成的主函數代碼: // HMR for renderer base on electron-vite cli. // Load the remote URL for
Nickname sAkuraOfficial
遇到的問題 在electron-vite提供的開發服務器中,electron能正常顯示頁面中的路由並能正常跳轉. 而在build打包後,雙擊運行electron應用,路由失效,顯示空白頁面 排查BUG 閲讀了腳手架為我生成的主函數代碼: // HMR for renderer base on electron-vite cli. // Load the remote URL for
Nickname sAkuraOfficial
官網:https://www.electronjs.org/zh/ 安裝依賴 初始化package.json pnpm init 安裝依賴 pnpm add -D electron 安裝報錯解決方案:https://blog.csdn.net/qq_38463737/article/details/140277803 1、打開npm的配置文件 # cmd 運行打開配置文件 npm confi
Nickname 兔子先森
我們一般使用electron-builder對electron項目進行打包,在package.json中配置打包的詳細操作 pnpm install electron-builder -D package.json中的詳細字段解釋: "build": { "appId": "your.id", // 應用的唯一ID "productName": "YourProductName"
Nickname 兔子先森
當你需要將一個vue項目打包成electron時,只需要正常的安裝electron依賴、electron-builder依賴,正常的配置好主進程、預加載腳本、渲染進程即可。 依賴安裝 這裏默認你已經寫好了一個vue項目,腳手架為vite,然後需要打包成electron。 安裝electron pnpm add -D electron 安裝electron打包依賴 pnpm install e
Nickname 兔子先森
這種報錯是ico資源文件出錯導致的,可以看看gitHub對此問題的解釋:https://github.com/electron-userland/electron-builder/issues/3889 上圖中打包的logo.ico資源文件格式不對,看起來資源文件後綴是.ico實際上是png格式,你有可能是在一些網站將png轉換為ico,它沒有被正常的轉換為ico,只是將資源文件的後
Nickname 兔子先森
這種打包報錯實際上是缺少對應文件,由於electron在打包時會下載資源,有些資源需要科學上網,所以正常打包網速過慢會導致資源丟失。 像上圖報錯,很明顯是丟失winCodeSign-2.6.0資源,所以我們需要去下載對應資源 資源下載鏈接:https://github.com/electron-userland/electron-builder-binaries/release
Nickname 兔子先森
app.setLoginItemSettings 與 auto-launch 對比分析 一、穩定性對比 1. app.setLoginItemSettings 優點:作為Electron官方API,有官方維護和支持 缺點: 在某些Windows版本上存在已知問題 部分Windows 10/11更新後可能失效 在macOS權限更嚴格的版本上可能需要額外授權
Nickname 月恆
Electron 開發:獲取當前客户端 IP 一、背景與需求 1. 項目背景 客户端會自啓動一個服務,Web/後端服務通過 IP + port 請求以操作客户端接口 2. 初始方案與問題 2.1. 初始方案:通過代碼獲取本機 IP /** * 獲取局域網 IP * @returns {string} 局域網 IP */ export function getLocalIP(): string
Nickname 月恆
在 Electron 中,send/on、sendSync 和 invoke/handle 是三種不同的進程間通信 (IPC) 機制,它們的區別主要體現在同步性、API 設計和使用場景上。 與 Chromium 相同,Electron 使用進程間通信(IPC)來在進程之間進行通信: ipcMain 是一個僅在主進程中以異步方式工作的模塊,用於與渲染進程交換消息。 ipcRenderer 是一
Nickname 牙小木木
iohook依賴太麻煩了,不是重新編譯就是降級。我覺得我hold不住。 發現了這個: 在Electron主進程中使用uiohook-napi插件需要結合Electron的主進程生命週期和原生模塊特性。 主要也是通過手動編譯原生模塊:npx electron-rebuild -f -w uiohook-napi或者是在package.json中設置 "scripts": {
Nickname 牙小木木
場景 同一套代碼,需要打包出N個客户端,主題色,logo,應用名都不同。 具體流程 1. Linux 系統部署electron_wine的docker electron-builder 默認情況下,windows的應用程序只能在windows去打包。如果想要在linux 環境下打包出運行於windows的應用程序,需要依賴 wine 。 electron-builder 官方有提供出 wine 的
Nickname 朱偉濤
1. 概述 electron-updater 是 Electron 社區廣泛採用的自動更新解決方案,通常與 electron-builder 配合使用。該庫封裝了跨平台的更新邏輯(支持 macOS、Windows、Linux),並通過事件回調機制讓主進程能夠在不同更新階段向用户提供反饋或自動執行安裝操作。 核心特性: 提供完整的更新流程 API(autoUpdater),包括檢查更新、下載更新
Nickname 老李説技術
解決用electron打包Vue工程(Vite)報錯electron : Failed to load URL : xxx... with error : ERR _CONNECTION_REFUSED Background: 生產環境通過 Electron 直接加載本地文件系統中的靜態資源 注:node後的狀態碼不重要 明明前端工程可以運行,後端連接也沒問題,為什麼打包完成後總是連不上網址?
Nickname 蓋亞
解決electron-build打包後運行app報錯:cannot find module xxx/ Please verify that the package . json has a valid " main " entry 先看一個簡單報錯: 或者類似這種: 解決方法: 檢查package. Json中是否寫了“main”,這裏的“main”必須寫,且應當使用npm指令build的di
Nickname 蓋亞