electron 爬坑指南_electronpackagerconfig-优快云博客

本文链接：https://blog.youkuaiyun.com/u014289767/article/details/126872255

本文记录了使用ElectronForge进行应用打包时遇到的三个主要问题及解决方案：1)如何设置安装图标和安装过程动画；2)解决安装程序界面重复出现的问题；3)处理Windows图标缓存导致的显示问题。通过修改配置文件和处理图标缓存，成功解决了这些问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

放眼望去，又是好久没写文章了，最近在学习electron 一圈下来坑也不少，在此记录一下。

坑1：采用electron forge 打包图标，和安装程序动画问题

这里的图标涉及多个1是安装后的图标，2是安装过程中原生的那个很丑的动画,3是窗口界面的小图标

1、2 解决方式参考如下代码即可：

注意 packagerConfig icon 的设置，我这里只是windows 平台其他平台注意不同平台图标的规范

 "forge": {
      "packagerConfig": {
        "icon": "icon/ico/icon",
        "asar": true,
        "overwrite": true
      },
      "makers": [
        {
          "name": "@electron-forge/maker-squirrel",
          "config": {
            "name": "xxx",
            "loadingGif":"icon/loading.gif",
            "setupIcon":"icon/ico/icon.ico",
            "iconUrl":"https://xxx.com/api/icon.ico"

          }
        },

3.问题解决方式

窗口设置icon 即可

  mainWindow = new BrowserWindow({
    width: 1440,
    height: 900,
    resizable:false,


    icon:"icon/ico/icon.ico",
    webPreferences: {
      preload: path.join(__dirname, 'preload.js'),
      enableRemoteModule: true,
      offscreen:false, //开启后不显示内容
      nodeIntegration:true,
      contextIsolated:true
    }
  })

坑2：安装程序过程中界面会多次出现

解决方式：

if (require('electron-squirrel-startup')) return app.quit();

坑3：生成的打包图始终未变

这个问题其实是由于windows 的图标缓存导致的(⊙o⊙)… ，吧这个文件改个名字直接就变了害的我查了半天