Quasar 运行 -m electron 模式失败的解决方法

在使用Quasar/cli工具进行安装electron模式时，会报失败，类似下面这样

app:electron Building main Electron process... +6s

Renderer process █████████████████████████ [100%] in ~5s
Main process █████████████████████████ [100%] in ~508ms

app:electron Webpack built Electron main process +510ms

Hash: 305fc0662ccb4ecd3fcc
Version: webpack 4.41.2
Time: 510ms
Built at: 12/15/2019 11:36:07 AM
Asset Size Chunks Chunk Names
electron-main.js 220 KiB electron-main [emitted] electron-main
Entrypoint electron-main = electron-main.js

WARNING in ./node_modules/electron-debug/index.js 96:45-58
Critical dependency: the request of a dependency is an expression
@ ./src-electron/main-process/electron-main.dev.js
@ multi ./src-electron/main-process/electron-main.dev.js

WARNING in ./node_modules/electron-debug/index.js 97:61-74
Critical dependency: the request of a dependency is an expression
@ ./src-electron/main-process/electron-main.dev.js
@ multi ./src-electron/main-process/electron-main.dev.js

app:electron Booting up Electron process... +4ms
app:spawn ⚠️ Command name was not available. Please run again. +1ms

问题的原因是因为electron没有安装成功

最佳解决方案，手动安装一次electron，具体操作流程如下：

1. 进入命令行，设置当前环境变量

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

补充：使用vscode工具，可以将变量设置到vscode的配置环境中，即在vscode的setting.json中添加

"terminal.integrated.env.windows":{
    "ELECTRON_CUSTOM_DIR":"8.0.0",
    "ELECTRON_MIRROR":"https://npm.taobao.org/mirrors/electron/"
}

 

2. 进入electron模块文件夹，执行install.js安装命令

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

如没有electron文件夹，建议先切换国内源，安装一次electron，然后再进入electron模块文件夹下，查看是否存在path.txt文件，如存在则表示安装成功，如不存在，则electron模块没有安装成功，再安装上面1，2的方面执行手动安装即可。