vue3加electron打包未成功,并没有安装包和顶部图标不显示问题

报错截图:

在这里插入图片描述

图标未显示截图:

在这里插入图片描述

修改代码:

//package.json文件

 "build": {
    "productName": "myProject",
    "appId": "123456789",
    "asar": true,
    "directories": {
      "output": "release"
    },
    "files": [
      "icons/*",
      "electron/**",
      "dist/**",
      "!node_modules/"
    ],
    "nsis": {
      "oneClick": false,
      "allowToChangeInstallationDirectory": true,
      "installerIcon": "icons/18TP256.ico",
      "uninstallerIcon": "icons/18TP256.ico",
      "installerHeaderIcon": "icons/18TP256.ico"
    },
    "win": {
      "icon": "icons/18TP256.ico",
      "target": [
        "nsis"
      ]
    }
  },

根目录创建icons文件夹并有一张ico图标

在这里插入图片描述

electron的主线程main文件里面添加图标

在这里插入图片描述

这样图标就出来了

图一截图,打包卡在building,打包不成功问题修改参照网址:

https://blog.csdn.net/weixin_42987525/article/details/137994881

解决内容:

1、手动下载文件

复制上面提示的url链接:https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z

2、解压下载的文件包

解压后把文件夹winCodeSign-2.6.0放到C:\Users\用户名\AppData\Local\electron-builder\Cache\winCodeSign文件夹下面,如果Cache目录下面没有winCodeSign文件夹,需要手动创建

问题:
还会遇到这个文件下载不下情况
Get “https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z”

解决:

1、手动下载文件
复制上面提示的url链接:https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z

2、解压下载的文件包

解压后把文件夹nsis-3.0.4.1放到C:\Users\用户名\AppData\Local\electron-builder\Cache\nsis文件夹下面,如果Cache目录下面没有nsis文件夹,需要手动创建

最后希望大家能顺利解决问题·····
  • 5
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值