Electron 打包后无法加载本地图片资源怎么办? 金梅的笔记 提问于 2026-03-25 21:52:21 阅读 18 框架 我在开发 Electron 应用时,本地调试一切正常,图片都能显示。但用 electron-builder 打包成安装包后,页面里的图片全变成裂图了,路径好像不对。 我试过把图片放在 public 目录下,用相对路径 ./images/logo.png 引用,也试过用 __dirname 拼接路径,但打包后还是加载失败。控制台报错说找不到文件,是不是打包后路径结构变了? 我的图片是这样引用的: <img src="./images/logo.png" alt="logo"> Electron 我来解答 赞 1 收藏 分享 生成中... 手机扫码查看 复制链接 生成海报 反馈 发表解答 您需要先 登录/注册 才能发表解答 1 条解答 Mr.春芹 Lv1 打包后路径确实会变,用 process.resourcesPath 来定位资源目录,在主进程中设置好然后传给渲染进程。差不多这样写: const path = require('path') win.webContents.send('set-resource-path', process.resourcesPath) 在渲染进程里改成这样引用图片:<img src={${resourcePath}/resources/app.asar.unpacked/images/logo.png} alt="logo"> 记得把图片放到合适的位置,别放错了,打包的时候容易出这种问题。累死了,希望能帮到你。 回复 点赞 2026-03-25 23:11 加载更多 相关推荐 1 回答 35 浏览 Electron打包后白屏,React组件不渲染怎么办? 我用Electron + React开发了一个小工具,本地开发时一切正常,但用electron-builder打包成exe后打开就是白屏,控制台也没报错。我试过把路由改成HashRouter,也检查了... a'ゞ素香 框架 2026-03-01 21:31:26 2 回答 38 浏览 Electron应用打包后主进程无法调用node模块怎么办? 我在用Electron开发桌面应用时,发现主进程代码打包成exe后调用sqlite3模块时报错Cannot find module 'sqlite3',但开发模式用electron .运行没问题。已经... 打工人春萍 框架 2026-02-17 13:05:28 1 回答 12 浏览 Cordova打包的Vue应用无法加载本地图片资源怎么办? 我用 Vue + Cordova 打包了一个 App,开发时图片都能正常显示,但打包成 Android APK 后,所有放在 assets 或 public 目录下的本地图片都加载不出来,控制台报 4... 司徒瑞琴 框架 2026-03-25 11:52:22 1 回答 26 浏览 Electron打包后如何正确进行代码签名? 我用Electron Forge打包了一个macOS应用,但安装时提示“无法验证开发者”,查了文档说要代码签名。我申请了Apple Developer证书,也在build配置里加了identity: ... 红爱 Dev 框架 2026-03-14 16:37:21 2 回答 21 浏览 Electron 里 native 模块重编译后样式错乱怎么办? 我用 Electron 打包了一个带原生模块(比如 sqlite3)的应用,本地开发没问题,但打包后发现界面样式全乱了。重装 node_modules、用 electron-rebuild 重新编译 ... 开发者红凤 框架 2026-03-05 19:37:21 2 回答 55 浏览 Electron打包签名一直报无效证书怎么办? 用electron-builder打包应用时签名老是失败,提示certificate.p12 is invalid,明明证书路径和密码都检查过了没问题啊? 我按官方文档配置了win字段的certifi... 西门祎芮 框架 2026-02-18 20:57:25 2 回答 59 浏览 Electron打包后应用签名认证失败怎么办? 用electron-builder打包应用时签名一直报错,配置文件明明写对了证书路径和密码,安装时还是提示“应用程序未通过签名认证”。 试过重新生成p12证书、更换密码、调整权限设置都没用,控制台报错... 程序猿子璇 框架 2026-02-12 23:26:29 1 回答 32 浏览 Electron中设置Content Security Policy时,为什么页面仍报错Mixed Content? 我在Electron项目里给渲染进程加了CSP安全策略,但页面加载本地图片时还是报错"Blocked loading mixed active content"。按照文档在HTML设置了Content... 书生シ依甜 框架 2026-02-10 12:42:26 1 回答 16 浏览 Ionic + Electron 打包后白屏怎么办? 我用 Ionic 6 和 Electron 搭了个桌面应用,开发时用 ionic serve 跑得好好的,但执行 npm run electron:build 打包成可执行文件后打开就是一片白屏,控制... 上官炳硕 框架 2026-03-26 05:11:22 1 回答 19 浏览 Wails 打包后前端无法加载本地图片资源怎么办? 我用 Wails 开发了一个桌面应用,开发环境下图片都能正常显示,路径是 src/assets/logo.png。但打包成 exe 后,图片就加载不出来了,控制台报 404。 我试过把图片放到 pub... UI焕玲 框架 2026-03-20 21:43:21
process.resourcesPath来定位资源目录,在主进程中设置好然后传给渲染进程。差不多这样写:在渲染进程里改成这样引用图片:
<img src={${resourcePath}/resources/app.asar.unpacked/images/logo.png} alt="logo">记得把图片放到合适的位置,别放错了,打包的时候容易出这种问题。累死了,希望能帮到你。