vue+electron创建桌面应用程序以及一些问题

vue+electron创建桌面应用程序以及一些问题

1.初始化项目

2.安装依赖并运行

npm install  //安装依赖
npm run dev  //运行

启动成功截图

运行成功后会自动打开应用

3.安装依赖的时候遇到的问题

1.下载 SHASUMS256.txt失败，可以在CMD中执行

npm set ELECTRON_MIRRIR=https://npm.taobao.org/mirrirs/electron/

然后在重新执行npm install 就可以下载成功

2.打包失败

const tasks = new Listr(
       ^

SyntaxError: Identifier 'tasks' has already been declared
   at wrapSafe (internal/modules/cjs/loader.js:979:16)
   at Module._compile (internal/modules/cjs/loader.js:1027:27)
   at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
   at Module.load (internal/modules/cjs/loader.js:928:32)
   at Function.Module._load (internal/modules/cjs/loader.js:769:14)
   at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)

解决方案：搜索build.js的tasks,把前两个修改成其他名称(但要保持一致)，
然后安装multispinner依赖

cnpm i  multispinner --save

然后再build.js中引入

const { say } = require('cfonts')
const chalk = require('chalk')
const del = require('del')
const { spawn } = require('child_process')
const webpack = require('webpack')
const Listr = require('listr')
const Multispinner = require('multispinner')  // 引入这句

最后在执行下npm run build,就可以成功打包了

参考链接：
Ricardo_front（vue+electron开发桌面应用程序）
v774317632（electron-vue 执行npm run build无法打包 提示 Identifier ‘tasks‘ has already been declared解决方案）