使用Quasar框架开发Electron 软件问题汇总

1. 因为Electron软件源被墙，导致npm或者yarn无法顺利安装electron模块的问题
   先运行npm 或 yarn 将项目package.json中的模块安装一遍
   然后针对electron模块，可以在命令行工作添加镜像的环境变量

   #cmd，用于mac
   set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
   set ELECTRON_CUSTOM_DIR=8.0.0
   #powershell 用于window
   $env:ELECTRON_MIRROR="https://npm.taobao.org/mirrors/electron/"
   $env:ELECTRON_CUSTOM_DIR="8.0.0"
   

   然后运行electron模块目录的install.js脚本文件即可
   

       # mac举例,在项目路径下
       cd node_modules/electron && sudo node install.js
   

   提示：查看electron 模块是否安装成功，可以查看electron模块的目录下，是否存在path.txt文件，如果有就说明安装成功

2. 因为Electron软件源被墙，导致软件打包编译失败的问题解决
   在 淘宝NPM 源下载对应版本的 electron 安装包 https://npm.taobao.org/mirrors/electron
   然后将安装包放到缓存目录下
   Mac 上为：~/Library/Caches/electron/

3. 打包编译后，软件运行白屏，无法正确跳转路由界面
   使用BrownWindow示例方法loadURL时，路径 # 前不要加 /
   错误例子

   mainWindow.loadURL(process.env.APP_URL + '/#/app/login') // 启动登录页
   

   正确例子

   mainWindow.loadURL(process.env.APP_URL + '#/app/login') // 启动登录页
   

4. 使用MAC电脑，利用wine编译window版本时，弹出错误：“…(省略路径)/wine-home is not owned by you”的解决方案
   需要使用sudo进行执行，添加sudo后当前执行用户是root，所以同时要给wine-home添加权限

   sudo chown -R root 你的wine-home报错路径
   

5. quasar 使用 builder 进行打包编译electron包的命令
   -T 参数指定编译的平台版本（all：全平台；win、mac、win-32、linux）
   官方的参数说明

   --target, -T    App target
                     - Cordova (default: all installed)
                       [android|ios|blackberry10|browser|osx|ubuntu|webos|windows]
                     - Capacitor
                       [android|ios]
                     - Electron with default "electron-packager" bundler (default: yours)
                       [darwin|win32|linux|mas|all]
                     - Electron with "electron-builder" bundler (default: yours)
                       [darwin|mac|win32|win|linux|all]
   

   sudo quasar build -m electron -T all