美文网首页
windows 下 Electron 打包应用 加载网页链接

windows 下 Electron 打包应用 加载网页链接

作者: 暴走_不可不贱 | 来源:发表于2019-08-09 15:52 被阅读0次

因公司业务给供应商提供应用程序对接公司系统,为了解决浏览器兼容问题,访问安全问题,寻找方案

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了;

一下是我修改的简单介绍

相关文章

网友评论

      本文标题:windows 下 Electron 打包应用 加载网页链接

      本文链接:https://www.haomeiwen.com/subject/oijhjctx.html