场景描述：在开发桌面桌面端应用时会结合 vue 或者 react 等框架，如果在单页面应用中指定子窗口页面路由在生产环境下时无法加载。 经过验证发现 electron 对框架中路由的 History 模式无法解析，只能使用 hash 模式 示例 创建子窗口，在开发环境和生产环境指定路由 import { is } from '@electron-t…

场景描述 project|--resources |--test.json 在主进程中通过 fs 模块读取 test.json 的内容，开发环境可以读取相对路径文件获取，生产环境此文件路径会发生变化会导致读取失败，报错信息如下 是因为打包后的安装在电脑中，此时项目中的路径已经变成 resources/app.asar.unpacked/resour…

当在开发环境中美滋滋的写着代码，但打包后却出上面糟心的一幕，怎么办？问了被吹上天的 GPT 说是因为 asar 的导致，我设置了 asar:false，问题仍然存在； 百度了这个错误，很多的帖子都说因为开发不规范，没有将依赖放到 dependencies 所以会出现上面问题；于是产生自我怀疑难道是这么不规范才引发的问题吗? 但是在我的业务代码里面并…

安装 npm install electron-store 封装持久化 storeIPC 文件 import {ipcMain} from "electron" import Store from "electron-store" const store = new Store(); /**设置store */ ipcMain.on("setSto…

安装 cnpm install sqlite3 knex 注意在使用 yarn 和 pnpm 安装 sqlite3 时会安装失败，考虑是镜像问题使用 nrm 转换成了 淘宝镜像，再一次安装后仍然失败，npm的淘宝镜像也存在上述问题，最后使用 cnpm 成功安装了 sqlite3。 但全局的node_module 发生了混乱，导致全部依赖都检索失败，…

electron 起手式 当前版本为官网最新版本 V25.3.0，实践中发现在更改镜像的情况下使用 npm和 pnpm下载 electron 都会等待时间过长的问题，推荐使用 yarn yarn init yarn add nodemon electron -D 配置 package.json {  "name": "demo", &nb…

填坑一 ： electron打包运行为空白 vue项目构建完成默认为 History ，此时的路由模式在本地运行时没问题的，打包后客户端会出现空白现象；原因是匹配不到路径，将将路由模式改为 hash 模式既可 router.js // 导入 routerimport { createRouter, createWebHistory,createWe…

项目构建 技术选型：electronV19.0.4 / vue3.0 / vite 项目构建模板： github下载 运行 // 运行yarn electron:serve// 打包yarn electron:build electron 进程通信 主进程同渲染进程之间通信 ipcRenderer & ipcMain index.vue 渲…

electron引入图片 <!-- 1. 图片需要放在 public 文件下新建 img 文件 2. 引入时可以直接访问 /img/xxx--><img src="/img/xxx.png">​<!-- 1. CSS 引入图片中 ../img/xxx.png-->.container{ background:ur…