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

最新推荐文章于 2024-02-19 21:29:52 发布
最新推荐文章于 2024-02-19 21:29:52 发布
阅读量1.5k 收藏 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 + vue 打包桌面操作流程详解
10-16
主要介绍了Electron + vue 打包桌面操作流程,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
eletron将vue打包成桌面应用（exe）
weixin_43575792的博客
07-14 1220
1.前期准备 两个项目： 第一个是自己用vue cli创建的项目（内容自行决定）; 第二个是去github将案例下载下来 案例地址 接着测试案例是否可以正常运行 # 进入项目 cd electron-quick-start # 安装依赖库 npm install # 运行应用 npm start 效果图如下 2.运行 首先要在自己的vue cli项目下的package.json 中scripts下添加2行 如下 "scripts": { "serve": "vue-cli-servi
Electron实战之菜单与托盘
最新发布
xiangzhihong8的专栏
02-19 1689
菜单、托盘是桌面端应用必备的功能之一，我们通常会在菜单上配置应用常用的：偏好设置、显示隐藏、打开文件等功能，在托盘内设置：退出、重启、帮助等辅助性功能，帮助用户方便快捷地控制应用的一些系统功能。系统托盘实际上也是一个菜单，通过点击鼠标触发。
95后码农——eletron来打包项目的步骤
PrinceMe1的博客
01-27 361
我用的是electron来打包项目，你可以用你喜欢的其它软件进行打包，下面是electron的打包心得。 先参考下面这个两个链接 https://blog.csdn.net/PrinceMe1/article/details/112213076
electron 打包_从零搭建Electron应用 的一系列简单的 Demo
weixin_39849888的博客
11-26 422
Electron 是一个优秀的跨平台桌面应用程序开源库，目前接触 Electron 的开发者也越来越多。但是笔者发现，目前社区里缺少对初学者足够友好的入门教程来帮助初学者用 Electron 搭建一个完整的开发框架。为了解决这个问题，笔者将结合平时的一些 Electron 开发经验，渐近式的带领读者从零开始搭建一个完整的 Electron 应用。在这个教程中，笔者将使用 React 构建渲染进程。...
eletron打包web项目教程（将react打包成桌面端应用程序）
ZHU18670324781的博客
08-15 933
electron打包web项目教程（将react打包成桌面端应用程序）
关于Electron-vue 中图片路径访问的问题
五菱包工头
03-19 7307
今天在使用Electron-vue时，给模态窗口添加自定义样式时发现，怎么也访问不了图片路径 相对 绝对都试过了！ maskStyle:{opacity:1,background:'rgb(1, 24, 76) url(~@/assets/logo_auto.png)' }, 但是 通过下面这种方式又可以访问到 <img src="~@/assets/log...
【Eelectron-vue】构建桌面应用（18）-electron打包应用时托盘图标错误
chenqk_123的专栏
10-29 1118
今天打算打成安装包发给测试部门做集成测试，本想偷个懒直接打包交给测试，但是大意失荆州。测试拿到安装文件，安装后执行程序，直接报错，程序直接就奔溃了，错误信息如下： 看到错误的时候也是蒙了一下。仔细查看了一下错误信息，应该是图片路径的错误。 我们知道在开发环境下的文件路径跟生产环境下是不一样的，需要我们在做产品打包发布时做额外的处理。 开发环境下，为了方便测试，我的图片都是跟主进程main/index.js放在同一路径下，都在src/main下，且运行无障碍，所以也没有注意。 查看了一下代码，是在创建托盘
Electron桌面应用打包流程
热门推荐
qq_36091574的博客
05-09 1万+
一. 准备工作     1.npm的安装需要下载node.js,安装完node.js之后npm自然会有。        参考链接：http://www.runoob.com/nodejs/nodejs-install-setup.html     2.Electron环境搭建       a、安装node.js。node官网地址：https://nodejs.org/en/        ...
electron:托盘图标路径引发的打包问题
成长之痛
12-28 534
electron:托盘图标路径引发的打包问题
实现electron与grpc通信，并解决打包后preload路径等问题
weixin_71329368的博客
09-28 494
electron调用grpc，grpc的类型转换，打包后preload路径问题，成功渲染grpc返回的参数
electron-vue 打包所需文件
03-23
C:\Users***\AppData\Local\electron-builder 下的Cache文件，当electron-vue打包出现问题时，可替换本地的Cache文件
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 ...
vue 项目打包时样式及背景图片路径找不到的解决方式
10-16
今天小编就为大家分享一篇vue 项目打包时样式及背景图片路径找不到的解决方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
electron打包若依VUE
06-29
electron打包若依VUE
vue.js中created()与activated()的个人使用理解
weixin_39304726的博客
11-16 2579
created()：在创建vue对象时，当html渲染之前就触发；但是注意，全局vue.js不强制刷新或者重启时只创建一次，也就是说，created()只会触发一次； activated()：在vue对象存活的情况下，进入当前存在activated()函数的页面时，一进入页面就触发；可用于初始化页面数据等 作者：微醉的企鹅 来源：CSDN 原文：https://blog.csdn.net/qq_3...
解决h5标签audio在ios端不能自动播放的问题
weixin_39304726的博客
07-16 2499
在IOS端 audio是不能自动播放的 audio必须在点击的情况下才能播放 以下是全部代码 当你点击页面某个地方 都可以触发audio播放 延时的原因是 页面渲染事件大概17毫秒 时间随自己设定，这是我 ...
深入理解vue核心之一数据响应式
weixin_39304726的博客
01-17 1933
vue响应式在初始化的时候混入响应式initState文件，利用的是Object.defineProerty进行数据劫持在改方法里面绑定get方法和set方法，每一个组件会生成一个Watcher,它主要是保存更新函数 值发生变化调用更新函数updateComponent 再进行diff算法 对比实现更新 具体可以查看源码 下面实现小demo说明响应式。 // 第一步 定义一个对象 const ob...
虚拟DOM的原理看这篇文章就足够
weixin_39304726的博客
03-26 1891
1 虚拟DOM其实就是通过JS对象去实现真正的DOM渲染 在element.js文件中要实现如何创建虚拟DOM以及将创建出来的虚拟DOM渲染成真实的DOM 首先实现一下如何创建虚拟DOM，看代码： // element.js // 虚拟DOM元素的类，构建实例对象，用来描述DOM class Element { constructor(type, props, children) { this.t...
electron vue打包后白屏
08-26
关于 Electron 和 Vue 打包后出现白屏的问题，可能有几个原因导致。一种可能是你的 Vue 项目在开发环境下是正常运行的，但在 Electron 的生产环境中出现了问题。 首先，你可以检查以下几个方面： 1. 确保你已经...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值