react+electron+antd+electron-builder桌面应用总结

前期的项目搭建参考下方博文
https://blog.csdn.net/zoepriselife316/article/details/88034109
写的十分详细

本文主要针对搭建后的项目打包问题 进行总结
第一次接触 遇到了许多问题!

一、打包报 Application entry file “build\electron.js” in the “D:\workspace\electronDemo\demo-test\demo\dist\win-unpacked\resources\app.asar” does not exist
在这里插入图片描述
报错 说在build文件夹下找不到electron.js
解决方案:将根目录的mian.js粘贴到build里,并改名为electron.js
这是electron-builder特有的要求
在这里插入图片描述
在这里插入图片描述

二、打包后找不到path
在这里插入图片描述
原因是mian.js里的loadUrl配错了!!
在这里插入图片描述
这样会找不到
应该改为

win.loadURL(`file://${__dirname}/index.html`)

修改好了以后重新复制到build里改成electron.js
重新运行 yarn dist

三、显示找不到css,js资源
在这里插入图片描述
原因 路径解析为配置
解决方案
在package.json里加

 "homepage": ".",

在这里插入图片描述
再重新进行打包即可

四、找不到module

在这里插入图片描述
原因:electron的版本问题可能无法解构
在这里插入图片描述
解决方案:
在这里插入图片描述
拆开写,然后重新打包

暂时是我遇到的所有问题,困扰了很久,需要记录一下。
打出来的包体积有些偏大 140M,
但是前辈用的electron-packge打包出来270M
对于打包提及的压缩还要再研究一段时间,希望大家能提供好建议
(网上很多方法试过,暂时没有什么作用)

源码:https://github.com/CiciIvory/electron_demo

扫描二维码关注公众号,回复: 12882715 查看本文章

猜你喜欢

转载自blog.csdn.net/qq_40593656/article/details/100101911
今日推荐