前言
- 之前使用electron-vite搭建了Electron项目（Electron版本V28.2.0），项目生产环境是Win7系统，运行时报错，如图
经过查阅资料，Electron官网重大变化中指出Electron V23.0.0以上版本不再支持Win7、Win8。 解决方案：降低Electron版本至23以下。
- 那么直接使用electron-vite可以搭建Electron V23以下的项目吗？ 尝试后不成功，原因如下：
- electron-vite官网-安装指出要求Node.js版本V18+，20+。
- Electron和Node.js对应关系Electron V22对应Node.jsV16.17.0， Node.js版本不匹配，所以只能另辟蹊径。
最终解决方案：Vue CLI搭建Vue项目，添加electron-builder 构建electron-vue项目
一、Vue CLI创建vue项目
本次项目使用的Vue2，Vue CLI使用的是3.11.0版本
- 安装Vue CLI指定版本
npm install -g @vue/cli@3.11.0 - 创建项目
vue create jiqin-electron-low
二、使用electron-builder重新构建vue项目
vue add electron-builder在运行后，命令加载的很慢，最后报错
解决办法如下
-
运行
npm config ls -
Ctrl+鼠标左键点击链接，进入.npmrc文件
-
记得把npm的镜像改成淘宝的，执行命令
npm config set registry http://registry.npmmirror.com；在文件里添加ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/设置Electron镜像， 添加后如图 -
先安装chromedriver
npm install --save-dev electron-chromedriver -
安装成功后再重新执行下面的命令就好
vue add electron-builder
三、运行和打包
使用npm run electron:serve启动项目，npm run electron:build打包
