解决运行mini-electron.exe没反应

最新推荐文章于 2023-05-29 23:12:46 发布
最新推荐文章于 2023-05-29 23:12:46 发布
阅读量1.8k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kh3064/article/details/109471481
版权

使用mini-blink中的mini-electron打包程序

按照mini-electron使用方法说的弄好，然而点击运行mini-electron.exe时没有出现程序界面。

下载到最新包解压到miniblink-package文件夹后，取出mini-electron.exe、node.dll文件放入工程目录下（其中node.dll会被覆盖），miniblink.asar放入resources目录下即可。此时运行mini-electron.exe即可看到效果。
当然，还有种更简单的方法，就是下载解压最新包后（例如叫miniblink-package），直接把vscode的resources\app文件夹拷入miniblink-package\resources\app。再运行mini-electron.exe即可。

弄好后我的文件目录如下：
在这里插入图片描述
展开后的文件目录

用dbgview调试，点击运行mini-electron.exe后系统输出信息如下：

[3220] fs__write console.log:
[3220] default_app.js, option.file:E:\miniblink-181214\resources\app\package.json
[3220] fs__write console.log:
[3220] default_app main.js packagePath,E:\miniblink-181214\resources\app\index.html
[3220] fs__write console.log:
[3220] App threw an error during load
[3220] fs__write console.log:
[3220] E:\miniblink-181214\resources\app\index.html:1
[3220] (function (exports, require, module, __filename, __dirname) { <!DOCTYPE HTML>
[3220]                                                               ^
[3220] SyntaxError: Unexpected token <

在\miniblink-181214\resources\miniblink.asar\default_app\main.js 167行，

// Start the specified app if there is one specified in command line, otherwise
// start the default app.
if (option.file && !option.webdriver) {
    const file = option.file;
    const protocol = url.parse(file).protocol;
    const extension = path.extname(file);

（大概是上面那里）

添加如下代码以调试：

console.log("option.flie: "+file);
    console.log("protocol: "+protocol);
    console.log("extname: "+extension);

再次运行mini-electron.exe，dbgview输出如下：

[11016] fs__write console.log:
[11016] default_app.js, option.file:E:\miniblink-181214\resources\app\package.json
[11016] fs__write console.log:
[11016] option.flie: E:\miniblink-181214\resources\app\package.json
[11016] fs__write console.log:
[11016] protocol: e:
[11016] fs__write console.log:
[11016] extname: .json
[11016] fs__write console.log:
[11016] default_app main.js packagePath,E:\miniblink-181214\resources\app\index.html
[11016] fs__write console.log:
[11016] App threw an error during load

运行mini-electron自带的默认app（能正常打开，无问题）时，dbgview输出如下：

[3736] fs__write console.log:
[3736] default_app.js, option.file:E:\miniblink-181214\resources\miniblink.asar\default_app\index.html
[3736] fs__write console.log:
[3736] option.flie: E:\miniblink-181214\resources\miniblink.asar\default_app\index.html
[3736] fs__write console.log:
[3736] protocol: e:
[3736] fs__write console.log:
[3736] extname: .html

分析：查源码发现，要想正常运行，packagePath得是json格式，不能是html。
既然默认版本的option.file是resources\miniblink.asar\default_app\index.html，照猫画虎，要确保自己的app的option.file是resources\miniblink.asar\app\index.html

解决方案：
对E:\miniblink-181214\resources\miniblink.asar\default_app\main.js进行修改，第56行

let tryPaths = ['../../app.asar/package.json', '../../app.asar/main.js', '../../app/package.json', '/index.html'];

改为：

let tryPaths = ['../../app.asar/package.json', '../../app.asar/main.js', '../../app/index.html'];

运行mini-electron.exe后程序界面出现，正常运行。

仅做记录。

kh3064
关注
Electron-vueda打包EXE文件，打开后白屏
chenqk_123的专栏
09-08 6470
最近在调研electron的时候，需要将前端项目打包成.exe文件，本地跑npm run dev，一切运行正常。 之前没有搞过electron，就在网上搜索了一下打包，网上最多的就是关于package.json中scripts下配置package命令 "package":"electron-packager.HelloWorld--platform=win32--arch=x64--icon=computer.ico--out=./out--asar--app-version=0....
探索Miniblink Electron：一款高效、轻量级的桌面应用开发框架
gitblog_00052的博客
04-21 744
探索Miniblink Electron：一款高效、轻量级的桌面应用开发框架 项目地址:https://gitcode.com/topcss/miniblink-electron 项目简介 Miniblink Electron是一个基于Web渲染引擎Blink和Electron构建的桌面应用程序开发框架。它旨在提供一个更快速、更轻便的解决方案，让开发者能够利用Web技术（HTML, CSS, J...
解决electron项目中执行exe文件实现功能，打包后失效问题
myf8520的博客
07-23 8268
场景 在electron做的客户端项目中实现一个功能，用js写可能有些困难，所以直接把一个网络上找的实现了该功能.exe可执行文件放进项目中，然后代码上直接执行该文件实现功能。 实现 __dirname指向指向被执行 js 文件的绝对路径，拼接上放入的exe文件的位置。然后使用node的child_process中的exeFile来进行调用。 const execFile = require('child_process') const path = require('path') const
electron打包应用再win7无法启动解决方案
Mini国
10-15 1万+
问题： electron打包后的app，在win7的某些电脑（非管理员的情况下有一定概率出现）双击软件安装后生成的快捷方式，然后啥事情也没有发生，但是打开控制台可以看到应用的进程启动一下然后快速被关掉。 解决方法： 1. 方法一：卸载重新安装，注意用管理员模式安装，同时关闭杀毒软件。有些情况下因为杀毒软件的原因把软件的某些文件删掉造成无法启动，用管理员模式启动软件； 2. 方法二：软件的兼...
前端优化之electron启动，白屏时间过长问题
weixin_39531576的博客
11-30 5586
前端优化之electron启动，白屏时间过长问题 1 窗口先创建后隐藏，初始化后再展示`。 mainWindow = new BrowserWindow({ height: 600, width: 960, frame: false, minWidth: 710, minHeight: 500, offscreen: true, webPreferences: {webSecurity: false}, resizable: true,
剖析虚幻渲染体系（16）- 图形驱动的秘密
xuhss_com的博客
06-26 2005
目录* 16.1 本篇概述 + 16.1.1 本篇内容 + 16.1.2 设备驱动概述 + 16.1.3 图形驱动概述迄今为止，博主在博客中阐述的内容包含图形API、GPU、游戏引擎、Shader、渲染技术、性能优化等等技术范畴内容，但似乎还未涉及图形驱动的内幕。本篇将站在应用层开发者的视角，去阐述图形驱动的相关技术内幕（如果是驱动开发者，则博主不认为是目标读者），主要包含但不限于以下内容：要给“驱动”一词下一个准确的定义是一个挑战。从最基本的意义上讲，驱动程序是一个软件组件，它允许操作系统和设备相互通信。
Go 相关的框架，库和软件的精选清单
开发之路
07-03 4927
概述 这是一个Go 相关的框架，库和软件的精选清单，引用自 awesome-go项目，并翻译补充而来这是一个Go 相关的框架，库和软件的精选清单，引用自 awesome-go项目，并翻译补充而来 音频和音乐 用于处理音频的库。 EasyMIDI -EasyMidi是一个简单可靠的库，用于处理标准Midi文件（SMF）。 flac支持FLAC流的Native Go FLAC编码器/...
Java开发常见专业术语
weixin_42408447的博客
05-10 1万+
1.脚本 脚本（Script），是使用一种特定的描述性语言，依据一定的格式编写的可执行文件。 2.http协议 HTTP协议，即超文本传输协议(Hyper text transfer protocol)。是一种详细规定了浏览器和万维网(WWW = World Wide Web)服务器之间互相通信的规则，通过因特网传送万维网文档的数据传送协议。 3.B/S结构和C/S结构 B/S（Browser/Server）：指浏览器和服务器架构。 C/S（Client/Server）：指客户端和服务器架构 4.报文 报文
微信小程序开发中的二三事之网易云信IMSDK DEMO
jessicaiu的博客
12-11 668
本文由作者邹永胜授权网易云社区发布。简介为了更好的展示我们即时通讯SDK强悍的能力，网易云信IM SDK微信小程序DEMO的开发就提上了日程。用产品的话说就是:云信 IM 小程序 SDK 的能力演示提供开发者小程序开发参考换句话说就是在微信里面通过我们云信的IM SDK再实现一个mini版微信。整个小程序主要功能点总的来说是：登录注册（为了实现不同端同一账号体系，所以没有采用微信授权登录）最近会话...
23.5.29日报：修复mini-electron一处v8使用不当的错误
weolar的专栏
05-29 388
单是一句 resolve(result);但这里有个小问题，就是 resolve(result);对于一个promise来说，调用了多次，v8会报告异常，这个异常被存到isolata里去，然后在console.log的时候出现断言错误。此时不知道为啥，偶尔会在v8的ConsoleCall里报错：CHECK(!修复方式很简单，把ipcRenderer.once改为ipcRenderer.on就行了。这句导致v8里报错了。
Node.js-Workshop:利用Electron构建跨平台桌面应用程序
08-10
Workshop: 利用Electron构建跨平台桌面应用程序
郁闷了，miniblink的electron接口必须使用多进程模式了
weolar的专栏
04-16 4259
最近miniblink的electron模式开发本来一切顺利，但昨天遇到一个大坑。 electron里主进程和渲染进程是分开的，在miniblink的electron模式里是使用多线程模拟的，每个线程都有自己的v8 context。本来一切ok，但 在跑vscode的时候，发现一处大坑！ vscode的node_modules\gc-signals  模块，是个native 模块，vscod
2021.12.29日报：重新开始撸mini-electron
weolar的专栏
12-29 1606
1，mini-electron增加browserview控件 2，增加audio context 3，pdf样式美化
electron android编译,使用Electron开发一款Apk安装器应用
weixin_39563132的博客
05-27 5367
作为经常与安卓打交道的开发人员,apk安装是一件很频繁的事，但无奈一直找不到一款简洁的pc应用，可以作为apk默认打开方式，打开后直接安装到选定的安卓设备。那就自己撸一款pc应用吧。(文章末尾附带源码与最终效果)需求设计：可作为apk类型文件默认打开方式；可枚举当前已连接电脑的可用安卓设备；有安装状态展示；...可行性分析：主要功能是需要传输apk到手机，并命令手机安装这个文件，从安卓开发的角度来...
Electron源码学习: Electron程序体积裁剪（减小体积）
星空漫步者
07-15 1万+
​ 此篇专题名称可能叫的编译(虽然并没有具体的编译步骤，但实际上本文里面的各种技术都需要源码编译Electron)更为合适。因为此篇文章基本不涉及到源码的解析和修改，但是因为也是基于的学习和理解之上的，勉勉强强也叫这个名字吧。我测试编译的环境为 V4.2.9,为2019年年底的版本，本文中部分的方法在最新的版本版本上不能直接适用； 那这种情况怎么办呢？自己去改改就好了。​ 如果对体积有强烈需求的人，可以去看：https://miniblink.net/，该方案几乎是重写了整个浏览器，除了V8之类的东西，所以
大家久等了，miniblink终于开源了！！
热门推荐
weolar的专栏
09-27 1万+
国内网速比较慢，传了一天终于传好了。本次开源的代码欢迎用于商业用途！地址见：GitHub - weolar/miniblink49关于miniblink的介绍见上篇文章：屌炸天的内核来袭，史上最小chromium内核miniblink！ - 盟主来了 - 知乎专栏1、miniblink主要是用来做PC端的浏览器嵌入组件，由于导出的是wke和cef的接口，所以你可以替换到你的项目中去体验和学习。基本...
electron-vue开发音乐播放器 之 窗口的mini模式
w18478272407的博客
04-02 951
electron-vue 窗口的mini模式 electron中打开新窗口通常就是新开一个html页面，vue是单页面，只有一个入口文件，它的路由跳转是H5的location； 设想 新增入口文件，就是新加html，但这样失去了单页面的作用，vue也无法在两个不同html中运行 方法 我个人的方法是子窗口打开同一个html文件，但路由地址不同 为什么要这样，直接拖曳缩小不行吗？ 不行为了布局这些，...
npm安装asar问题
玄奘之家
08-19 1万+
要打包electron项目需要安装asar。 用npm install asar安装之后在命令行输入asar却找不到该命令。 安装为全局就可以找到了 npm install asar -g。 Packages 安装进 prefix 前缀的 node_modules。 Unix系统里 Global 安装会装进{prefix}/lib/node_modules。 Window
electron-builder.yml替换成electron-builder.js
最新发布
09-07
在 Electron 应用开发中，`electron-builder.yml` 是一个配置文件，用于指定打包和构建 Electron 应用时的各种参数和配置选项。然而，有些人可能更喜欢使用 JavaScript 来实现更加动态的配置逻辑，这时就可以使用 `electron-builder.js` 文件来替代传统的 `.yml` 配置文件。 创建一个 `electron-builder.js` 文件并导出一个对象，这个对象包含了所有原本在 `electron-builder.yml` 中的配置项。在 JavaScript 文件中，你可以利用 Node.js 的 API，比如 `process.env` 来获取环境变量，或使用条件语句来进行基于不同条件的动态配置。以下是一个简单的 `electron-builder.js` 配置文件的例子： ```javascript module.exports = { appId: "your.app.id", productName: "Your Product Name", copyright: "Copyright © 2023 Your Name", asar: true, directories: { output: "build", buildResources: "buildResources" }, files: [ "**/*" ], extraResources: [ { from: "extraResourcesDir", to: "", filter: [ "**/*" ] } ], win: { target: "nsis" }, mac: { target: "dmg" }, nsis: { oneClick: false, allowToChangeInstallationDirectory: true }, // 其他配置... }; ``` 通过这种方式，你可以更灵活地控制构建过程，例如根据不同的环境变量来改变配置。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值