Electron奇淫巧技:Ubuntu系统下打包deb后,安装没有icon图标的问题

389 阅读1分钟

经过

在开发完electron项目后,需要对多个平台做适配。
在window系统下,打包容易。提示也比较友好。然后我就开始对ubuntu做适配了。

项目详情

- 使用electron-vite构建的项目
- 打包工具electron-builder
- nodejs 版本:20.16.0

解决经历

由于项目中对文件操作的内容比较多,导致在ubuntu中项目安装完成后一直启动不起来。
就一直在解决无法启动的问题。解决的过程中,有一次打包突然安装完成后有图标了。
然后也没管。后来解决完问题后,需要复现记录打包过程。找到了显示图标的原因。属于是瞎猫碰到死耗子了。

解决办法

使用官方的electron-forge 修改一些默认配置。
步骤:
    1、安装electron-forge
    npm install --save-dev @electron-forge/cli  
    npx electron-forge import
        a、执行上述步骤后,electron-builder会被移除  
        b、同时scripts脚本中 有修改  
        "start": "electron-vite preview" 被改为"start": "electron-forge start",

    2、将electron-builder下载回来。
    npm install --save-dev electron-builder

    最后执行命令
    npm run build:linux
    

此时再安装deb包 就能解决快捷栏应用没图标的问题了