博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
electron-vue 用 electron-packager 打包的问题备忘
阅读量:6411 次
发布时间:2019-06-23

本文共 617 字,大约阅读时间需要 2 分钟。

的开发渐入尾声,试着将其打包下,但是满屏的 error,记录下防止再次踏坑

首先项目脚手架用的是 项目,在生成项目脚手架的时候会让你选择打包方式(electron-packager OR electron-builder),我选择的是前者

查看项目的 package.json 文件,找到打包到 macOS 平台的命令 npm build build:darwin,然后报错了。出错信息不截图了,反正原因是我安装依赖的时候用了 cnpm,改成 npm 就 ok 了,具体原因未知。之后便能顺利打包成 .app 文件

然后打开 app,白屏了。在生产环境是打不开 dev 窗口的,这时可以在代码里加上类似 mainWindow.openDevTools() 打开窗口,发现是我在 index.ejs 里用 //xxx 引入了一个 cdn,然后因为打开的文件是本地文件,file 协议开头的,于是就报错了,去掉这个没用的 cdn 引入就 ok 了

之后就顺利打包完成了,130M+,自用还可以接受

顺便记录下可能会产生的其他错误:

  • node 版本太低(我是 v8.0.0 版本,没有问题)
  • npm 版本问题(@5.3.0 会有问题,详见 ,升级 npm 即可)
  • 白屏问题。 指出配置 whiteListedModules 的方案,我有出现如他图示的 [not cacheable],但是打包结果没有问题。另, 指出可以注释一段代码解决问题

转载地址:http://avzra.baihongyu.com/

你可能感兴趣的文章
GNU make manual 翻译( 一百四十五)
查看>>
重构之美-走在Web标准化设计的路上[复杂表单]3 9 Update
查看>>
linux中的优先搜索树的实现--prio_tree【转】
查看>>
转载: 打造自己的asp.net验证控件
查看>>
重构之美-跨越Web标准,触碰语义网[开门见山:Microformat]
查看>>
git入门与实践【转】
查看>>
WPF 虚拟键盘
查看>>
储存卡无法打开专家教您怎么数据恢复
查看>>
彼得原理
查看>>
如何利用【百度地图API】,制作房产酒店地图?(下)——结合自己的数据库...
查看>>
[20171113]修改表结构删除列相关问题3.txt
查看>>
特征选择
查看>>
在Winform程序中设置管理员权限及为用户组添加写入权限
查看>>
RTMP直播到FMS中的AAC音频直播
查看>>
多能互补提速 加快我国能源转型和现代能源体系建设
查看>>
B2G编译前的准备
查看>>
Android 二次打包(封装)AAR实用指南
查看>>
java异常中throw和throws的区别
查看>>
【快速入门ORM框架之Dapper】大牛勿进系列
查看>>
redux 简介
查看>>