解决electron-build打包后运行app报错:cannot find module xxx

现象:

关于这个问题查了很多资料,也问了chatgpt都没有找到答案。

最后只能靠自己了。

于是冷静下来回想一下细节。突然发现了一个特别点。

eletron-builder打包时,强制要求eletron-builder和eletron必须都放在devDependencies

否则:打包不能成功!注意了,这个是突破的关键点!

这意味着:dev开发依赖不会被electron-builder打包进去!

然后再看看我的打包入口文件,我这个项目是vue项目,但是所有api以独立路由的方式注册进来,并不是简单代理方式,api部分跟项目主体是分离独立的

所以,入口文件也是通过express跑起来的, 一部分serve加载vue打包成的dist静态文件,一部分接收api注册进来的路由。

那么问题来了,入口文件也会导入依赖。

这里的依赖就不能放在 devDependencies里面,因为electron不会打包进去。

解决办法:electron入口文件中引入的依赖必须放在Dependencies,不能放在开发依赖devDependencies,否则electron-builder不会打包进去

相关推荐
北极象6 分钟前
Electron 通用技术架构分析
javascript·架构·electron
吃好喝好玩好睡好7 分钟前
基于 Electron+Flutter 的跨平台桌面端实时屏幕标注与录屏工具深度实践
javascript·flutter·electron
L、21812 分钟前
状态共享新范式:在 Flutter + OpenHarmony 应用中实现跨框架状态同步(Riverpod + ArkState)
javascript·华为·智能手机·electron·harmonyos
北极象15 分钟前
CEF 与 Electron简单对比
前端·javascript·electron
L、21814 小时前
统一日志与埋点系统:在 Flutter + OpenHarmony 混合架构中实现全链路可观测性
javascript·华为·智能手机·electron·harmonyos
L、2181 天前
跨端路由统一方案:Flutter 与 OpenHarmony ArkTS 页面跳转的无缝集成
javascript·华为·智能手机·electron·harmonyos
L、2181 天前
鸿蒙 + Electron:跨平台桌面应用开发新范式
华为·electron·harmonyos
吃好喝好玩好睡好1 天前
OpenHarmony下Electron+Flutter应用自动化测试框架构建全流程指南
大数据·flutter·electron·vr·数据库架构
吃好喝好玩好睡好1 天前
OpenHarmony 设备中 Electron 桌面 + Flutter 移动端音视频流互通实战
flutter·electron·音视频
L、2181 天前
跨设备无感协同:用 Electron + 鸿蒙实现剪贴板实时同步(实战教程)
华为·electron·harmonyos