linux下electron任务栏图标处理

1.现象:在本地虚拟机中打包后,通过./electron --no-sandbox 运行,在任务栏中图标显示为小齿轮的状态

 

 

2.原因

:打包后图标路径变了,导致electron无法找到正确的路径,此时对症下药,把图标所在文件夹在打包时复制到指定路径下,使用图标的地方也指向该位置
a:复制图标文件到指定路径下:在vue.config.js文件下配置builderOptions:{extraResources:[]}属性

 这样配置后我们就能在打包后文件中resources/build下找到图标文件夹

b:图片引用路径配置:入口文件background.js下new BrowserWindow下的icon属性

 图标是通过package.json文件script下配置的

    "electron:generate-icons": "electron-icon-builder --input=./public/logo_client.png --output=build --flatten",
终端运行 npm run electron:generate-icons 生成build文件夹

 

 

备注:通过命令行启动是最好直接cd到打包的UI文件下运行,直接/路径图标也是会找不见的