electron项目打包部分问题总结

使用electron-vite构建

项目打包

配置

electron@24.6.2

electron-builder@23.6.0

electron-vite@1.0.25

设置icon

图片大小要256x256

打包的时候遇到的问题汇总

"scripts": {
"format": "prettier --write .",
"start": "electron-vite preview",
"dev": "electron-vite dev --watch",
"build": "electron-vite build",
"postinstall": "electron-builder install-app-deps",
"build:win": "npm run build && electron-builder --win --config",
"build:mac": "npm run build && electron-builder --mac --config",
"build:linux": "npm run build && electron-builder --linux --config"
},

1. 打包后白屏问题

2. 打包的时候依赖打包不全的问题

问题描述：打包时只会打包 package.json 的 dependencies 中的依赖，而不会自动添加这些依赖所依赖的包，直接导致打包后的应用调用依赖包时出错。例如项目直接依赖于 A，而 A 又依赖于 B，打包时只附带了 A 没有附带 B，这样应用调用 A 时找不到 B 就出错了。Error: Cannot find module 'xxx'

原因分析：在初始化node_modules和打包的时候使用了pnpm，electron-builder似乎无法解析.pnpm文件夹中的依赖关系。issue

解决方法：用npm或者yarn 重新初始化node_modules和打包，如果配置了镜像后下载还是很慢，可以到阿里的镜像站 下载对应版本electron，放到your/path/electron/Cache下；或者百度一些其他方法，这里不过多赘述。

http://npm.taobao.org 和 http://registry.npm.taobao.org 将在 2022.06.30 号正式下线和停止 DNS 解析。

 

http://npm.taobao.org => http://npmmirror.com

http://registry.npm.taobao.org => http://registry.npmmirror.com

详见npmmirror 镜像站

npm config set registry https://registry.npmmirror.com
yarn config set registry https://registry.npmmirror.com
npm install --electron-mirror=http://npmmirror.com/mirrors/electron/
yarn config set electron_mirror=http://npmmirror.com/mirrors/electron/

 

---

关键词：electron、electron-builder、electron-vite、electron打包、依赖不全、vite、vue、pnpm、npm、yarn