electron-vue使用(从项目创建到打包结束,附带报错处理)

第一步:创建并跑起来

废话不说直接上代码

// 使用模板创建
vue init simulatedgreg/electron-vue vue_electron_demo
//cd 到 创建的目录下
npm install 
//跑起来
npm run dev

到这一步就创建了一个简单的模板。并简单的运行了一下没啥问题(一般这一不会出啥太大的问题)

第二步:打包

在这个模板中有一个现成的build ,可以直接  npm run build 

在这一步的时候可能会遇到的问题,就是因为网络的问题,导致 nsis   winCodeSign 下载不下载

可以参考这条博客electron-builder winCodeSign-2.4.0.7z 下载失败_sniperyan025的博客-CSDN博客

问题处理

在不知道问题何在的时候可以在 src/main/index.js 

这样处理

接下来打包好的程序打开会出现调试工具

我遇到的几个问题,简单说明,

这个问题你可以在https://github.com/apache/echarts/issues/14321

找到答案,总的来说就是降低echarts的版本

 看很多人都遇到过白屏的问题,打包的时候要把文件加入白名单里面

如有不一样的,请留言讨论

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值