因公司业务给供应商提供应用程序对接公司系统,为了解决浏览器兼容问题,访问安全问题,寻找方案
Electron 打包各平台应用让我眼前一亮,因为对nodejs有点了解,就尝试打包链接以便快速集成;
在尝试集成的过程中遇到如下问题:
Electron能不能壳嵌入网站链接,答案是可以的;
Electron Jquery的兼容问题,网上有很多解决方案,根据需求可以自行调整;
Electron 在打包的过程中会出现很多莫名其妙的错误,除代码配置问题外最关键的npm缓存
Electron(一种桌面应用程序运行时),Electron 把 Chromium 和 Node 合并到一个单独的运行时里面,很适合开发桌面 web 形式的应用程序,通过Node它提供了通常浏览器所不能提供的能力
npm全局安装electron
npm install electron -g
打包输出工具
为了方便最终成果输出,建议安装electron-packager工具,安装也很简单,建议以下面的命令全局安装:
npm install -g electron-packager
打包配置-添加到main.js
"scripts": {
"start": "electron .", "test": "echo \"Error: no test specified\" && exit 1", "packager": "electron-packager . app --win --out presenterTool --arch=x64 --electron-version 3.0.10 --overwrite --ignore=node_modules"
},
启动
npm start 启动
npm run packager 打包
常见错误
threw an error during load 这种错误基本上是 main.js 语法错误 逗号 语法检查一下
code ELIFECYCLE Failed at the electron-quick-start@1.0.0 packager script.
This is probably not a problem with npm. There is likely additional logging output above.
上边这种打包报错,但检查语法还是无法查找的问题,建议清一下缓存,具体下边介绍
npm 类型的错误-应该少库,网上查查就有
修改完配置清缓存-清缓存步骤
npm cache clean --force
delete node_modules folder
delete package-lock.json file
npm install
如果以上还是不好使-尤其是windows 下
你删除掉打包的输出目录,如果发现删除不了某些文件,说明进程还在,通过任务管理器结束掉进程,再次删除,直到删除掉,删除之后清空缓存的步骤再来一遍,打包就OK了;