electron结合vue打包后 tray托盘图片路径

最新推荐文章于 2023-12-28 11:24:42 发布
最新推荐文章于 2023-12-28 11:24:42 发布
阅读量1.6k 收藏 2
点赞数 2
分类专栏： 技术 前端 H5 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39304726/article/details/111321132
版权
技术 同时被 3 个专栏收录
16 篇文章 0 订阅
订阅专栏
H5
14 篇文章 0 订阅
订阅专栏
前端
13 篇文章 0 订阅
订阅专栏

1 相信很多小伙子 用vue.config.js 配合electron打包的时候 托盘一直出不来 而已应用直接不运行
其实是打包后找不到图片路径了
一下截图出来参考
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
区分下开发环境和正式环境 配置好后 打包正常运行 多点赞 谢谢

小杨劳资
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
electron选择加载本地资源【图片、视频、音频】
weixin_42429220的博客
05-25 519
electron要成功预览本地文件主要还是利用对文件做处理，拿到二进制数据，通过主进程与渲染进程通信，把文件的二进制传输给渲染进程，经过Blob转换得到URL, 就ok了。
Electron + vue 打包桌面操作流程详解
10-16
在开发桌面应用时，Electron 和 Vue.js 的结合提供了一种强大的解决方案。本文将深入探讨如何使用这两个技术栈进行打包，以便创建桌面应用程序。首先，确保你已经有一个Vue项目，如果没有，你可以通过`vue init ...
electronic-tray-tips：用于在Electron.Tray光标聚焦在托盘上时显示预览窗口
02-22
电子托盘提示 当电子托盘光标聚焦在托盘上时，用于显示预览窗口 影响 安装 npm install electron-tray-tips 用法 ... const { Tray } = require ( 'electron' ) ; const ElectronTrayTips = require ( 'electron-tray-tips' ) ; let tray = new Tray ( 'tray26.ico' ) ; let isBalloonShow = false ; tray . setToolTip ( 'ar414' ) ; const ElectronTrayTipsClass = new ElectronTrayTips ( tray ) ; this . tray . addListener ( 'mouse-move' , ( ( event , positi
关于Electron-vue 中图片路径访问的问题
五菱包工头
03-19 7431
今天在使用Electron-vue时，给模态窗口添加自定义样式时发现，怎么也访问不了图片路径 相对 绝对都试过了！ maskStyle:{opacity:1,background:'rgb(1, 24, 76) url(~@/assets/logo_auto.png)' }, 但是 通过下面这种方式又可以访问到 <img src="~@/assets/log...
electron 系统托盘图标路径问题
豪先生的博客
08-15 1476
electron 系统托盘图标路径
electron:托盘图标路径引发的打包问题
最新发布
成长之痛
12-28 612
electron:托盘图标路径引发的打包问题
【Eelectron-vue】构建桌面应用（18）-electron打包应用时托盘图标错误
chenqk_123的专栏
10-29 1152
今天打算打成安装包发给测试部门做集成测试，本想偷个懒直接打包交给测试，但是大意失荆州。测试拿到安装文件，安装后执行程序，直接报错，程序直接就奔溃了，错误信息如下： 看到错误的时候也是蒙了一下。仔细查看了一下错误信息，应该是图片路径的错误。 我们知道在开发环境下的文件路径跟生产环境下是不一样的，需要我们在做产品打包发布时做额外的处理。 开发环境下，为了方便测试，我的图片都是跟主进程main/index.js放在同一路径下，都在src/main下，且运行无障碍，所以也没有注意。 查看了一下代码，是在创建托盘
electron-vue 打包所需文件
03-23
总之，使用 Electron-Vue 结合 electron-builder 可以高效地开发和打包桌面应用。遇到问题时，检查配置、依赖、资源路径和缓存是解决问题的关键步骤。不断学习和理解这些工具的工作原理，将有助于提升开发效率并优化...
vue 项目打包时样式及背景图片路径找不到的解决方式
10-16
今天小编就为大家分享一篇vue 项目打包时样式及背景图片路径找不到的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
electron + vue 项目运行打包配置文档
01-08
vue-cli 初始化vue项目构建 vue init webpack project-name electron 配置源码： 1. git clone https://github.com/electron/electron-quick-start** 2. 找到clone下来的项目入口文件main.js 和 package.json ...
electron-vue打包流程.md
05-19
electron还是麻烦啊，看了很久的文章，总结打包流程
实现electron与grpc通信，并解决打包后preload路径等问题
weixin_71329368的博客
09-28 652
electron调用grpc，grpc的类型转换，打包后preload路径问题，成功渲染grpc返回的参数
electron打包之后托盘不见了
weixin_43239880的博客
03-13 1243
使用electron-build打包导致了右下角的托盘不见了，可以看到有桌面运用在运行，但是里面显示的是一个空的图片。这段代码主要意思是：在开发环境去加载public/logo.ico 在生产环境的时候去加载与.exe（就是安装包）统计目录的resources/public/logo.ico。下面可以看到我们把我们的安装包发给其他人安装之后，图片能在resources文件夹下找到,生产环境下，我们的托盘就是去加载这里面的图片。这是我之前的代码，在开发环境没有任何的问题。
Electron 解决打包后系统托盘报错问题
MAXLZ的博客
05-09 3549
今天在打包electron时碰到系统托盘无法显示问题。 但在使用electron .命令测试时是没有问题的，考虑可能是图片路径问题于是把图片路径改为绝对路径，问题解决。 // 创建系统托盘 function createTray(){ // 图片使用绝对路径，解决打包后报错问题 tray = new Tray(path.join(__dirname,'/template/im...
electron-vue打包图标不见了？
Mr丶Yang
03-02 1551
electron 11 vue-cli4 打包图标不见了？？ 打开 background.js 设置 icon: ${__static}/图标名称.ico, 托盘的图标也一样 tray = new Tray(path.join(${__static}, “./图标名称.ico”)); 可以打包下班了 我的 background.js ，随便配置的仅供参考 "use strict"; import { app, protocol, BrowserWi.
【electron】electron-builder-start 实现系统托盘（tray）
xl19900502的专栏
11-25 573
练习代码git：https://github.com/SmileEricXin/electronPractice.git //src\main\index.js 做以下修改 // 新增调用 import * as tray from './tray' // create main BrowserWindow when electron is ready // 修改ready事件 app.o...
electron--Tray添加图标和上下文菜单到系统通知区（系统托盘）
weixin_30756499的博客
08-12 1028
const { app, Menu, Tray } = require('electron'); //系统托盘图标目录 appTray = new Tray(path.join(__dirname, 'app1.png')); //设置此托盘图标的悬停提示内容 appTray.setToolTip('预审'); //设置托盘图标的上下...
vue引入图片路径的三种主要方法
热门推荐
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
03-16 2万+
1、在js代码里面 或者 html里面用"v-bind:"或":属性名"绑定路径的时候使用2、在css或者scss或者html里面的src中引入图片使用（注意如果是:src=后面用第1种方式引入路径）3、正常引入静态图片路径情况一，在html里面的用下面代码情况二，在scss里面的background-image:url(路径)用下面的，注意static前面多了/
Electron托盘图标显示问题
pgLi
11-09 2542
环境 “electron”: “^14.0.1”, “electron-builder”: “^22.11.7”, 问题 1、托盘开发后，通过electron-builder编译后一直找不到图片路径。 const { app, Menu, Tray } = require('electron') let tray = null app.whenReady().then(() => { ~~// 通过各种尝试拼接ico 均未解决~~ tray = new Tray('/public/fav
electron vue打包后白屏
08-26
你好！关于 Electron 和 Vue 打包后出现白屏的问题，可能有几个原因导致。一种可能是你的 Vue 项目在开发环境下是正常运行的，但在 Electron 的生产环境中出现了问题。 首先，你可以检查以下几个方面： 1. 确保你已经正确配置了 Electron 的主进程和渲染进程。主进程通常是一个 Node.js 脚本，用于创建 Electron 应用窗口和处理系统级操作。渲染进程是一个 Chromium 浏览器实例，在其中加载 Vue 应用。 2. 确保你已经正确设置了 Vue 的路由模式。如果你使用了 Vue Router，需要将路由模式设置为 `history`，以确保 Electron 正确处理页面刷新和导航。 3. 检查 Vue 应用的入口文件是否正确设置了路径。在打包后的 Electron 应用中，文件路径可能会发生变化，你需要确保路径的正确性。 4. 检查开发工具的控制台输出，看是否有任何错误或警告信息。这有助于确定问题所在。 另外，如果你使用了 webpack 进行打包，你可能还需要检查相关的 webpack 配置文件，如 `webpack.config.js` 或 `vue.config.js`。确保配置文件中正确设置了入口文件、输出路径等。 如果以上方法都没有解决问题，你可以尝试在 Electron 应用中打开开发者工具，查看是否有其他错误信息。你可以尝试添加以下代码到你的主进程文件中： ```javascript const { app, BrowserWindow } = require('electron') app.on('ready', () => { const mainWindow = new BrowserWindow({ webPreferences: { devTools: true // 打开开发者工具 } }) // 其他代码... }) ``` 这样，当你运行 Electron 应用时，将会自动打开开发者工具。 希望这些提示能帮助你解决问题！如果还有其他疑问，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值