Electron-vite踩坑日记【六】

最新推荐文章于 2024-07-09 08:43:43 发布
最新推荐文章于 2024-07-09 08:43:43 发布
阅读量306 收藏 3
点赞数 1
文章标签： electron javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42097259/article/details/139793231
版权

使用electron builder打包报错

使用Powershell管理员重新执行（后面vscode终端执行打包就不会报错），再次报错：electron-builder\Cache\nsis\nsis-3.0.4.1\Bin\makensis.exe process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE

仔细查看 could not open file: "C:\Users\libin\Documents\vscode\branch-app\node_modules\.pnpm\app-builder-lib@24.13.3_dmg-builder@24.13.3_electron-builder-squirrel-windows@24.13.3__electr_jhkj5etvr5lkpiqd5wtx2uh6ge\node_modules\app-builder-lib\templates\nsis\include\allowOnlyOneInstallerInstance.nsh"

Error in script "<stdin>" on line 87 -- aborting creation process

解决方案：

由于本人用的是mac pd虚拟机win11，猜测可能是操作系统的某些原因。所以换成真正的win11电脑进行打包。打包没有问题

Mr.Lee0821
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用electron-builder在windows上打包并自动更新
weixin_34249678的博客
07-20 1536
使用electron-builder在windows上打包并自动更新 心得：从一个小白开始独自一人了解electron这个玩具，实现其打包到自动更新，查阅各种资料，做了各种尝试，现在将自己经历过的一些东西写下来，供参考！ 注意：文章适合了解electron是什么，知道如何简单打包的读者，文章中代码只是一种思路参考，并不完整，不能直接使...
electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合
05-02
electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题 项目打包后仍有问题 待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了，想试试新功能 工作中用的 umi+electron 项目大了，启动速度并不理想； 用 vite 试试，算一个储备方案 ^_^ Command npm run dev npm run build 如果只需要最基础的集成 Demo 请使用 或 分支 Note 踩坑记 import { write } from 'fs' 的这种形式会被 vite 编译成 /@modules/fs?import const { write } = require('fs') 这种形式就能用了 :winking_face: const {
Electron-vite打包踩坑日记【1】
weixin_42097259的博客
06-20 130
使用管理员运行此命令。
Electron-Builder 打包 Vue 项目避坑指南
米糊的头发箱（码代码掉的头发都在这里了）
05-02 985
最近在开发一个基于 Vue 的 Electron 项目，在打包时遇到了诸多问题，为了解决这些问题也查阅了非常多的资料，排除了很多坑。现在将可能遇到的问题整理成避坑指南，供大家参考（此避坑指南后续还会继续更新）。
Electron-1 electorn + vue3 + vite项目搭建,使用Electron-vite构建工具
qq_51355375的博客
05-25 407
注意问题： electron打包时会将整个工程打包到resource/app中，而且程序运行时主进程应用路径就是这个app路径，所以在主进程使用相对路径时注意路径是否正确。还有electron如果使用ts的话最终是以编译后的js文件为基准。
electron打包报错C:\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.4.1\Bin\makensis.exe exited...
weixin_52582699的博客
09-11 1321
electron-builder 打包，不含中文路径时报错Local\electron-builder\Cache\nsis\nsis-3.0.4.1\Bin\makensis.exe exited with code ERR_ELECTRON_BUILDER_CANNOT_EXECUTE解决方法，杀毒软件影响，
记录Electron打包报错
qq_38648382的博客
07-10 2022
XXX\nsis\nsis-3.0.4.1\Bin\makensis.exe exited with code ERR_ELECTRON_BUILDER_CANNOT_EXECUTE
electron-vite：轻松保护你的 Electron 源代码
知识分享官
09-22 2034
我们可以理解，V8 字节码是 V8 引擎在解析和编译 JavaScript 后产物的序列化形式，它通常用于浏览器内的性能优化。所以如果我们通过 V8 字节码运行代码，不仅能够起到代码保护作用，还对性能有一定的提升。例如，只要保护├──src│ ├──main│ │ └──...└──...main: {build: {output: {}}}}}},// ...},// ...}})`
探索下一代Electron构建工具：electron-vite
gitblog_00022的博客
05-12 279
探索下一代Electron构建工具：electron-vite 项目地址:https://gitcode.com/alex8088/electron-vite 在当今的软件开发领域，高效的构建工具是开发者不可或缺的助手。今天，我们为您推荐一个令人眼前一亮的新星——electron-vite，它是一个基于Vite构建的下一代Electron应用开发工具，将为您的Electron项目带来前所未有的开发...
electron-vite-quick-start:全栈使用 Vite 运行 Electron 应用程序，包括主进程
07-24
该项目已被收录到。 Electron-vite-快速启动 :high_voltage: 全栈使用 Vite来运行 Electron 应用程序，包括主进程。 :light_bulb: 项目使用管理，因此推荐使用Yarn作为包管理工具。 快速使用 # Clone this repository $ git clone https://github.com/yingpengsha/electron-vite-quick-start.git # Go into the repository $ cd electron-vite-quick-start # Install dependencies $ yarn install # Run the app $ yarn run start 建造 $ yarn run build 去做 执照
vue3-electron-vite-ts:使用了vue3、electron、vite、ts
05-08
Vite电子生成器模板 Vite +电子= :fire: 这是用于电子应用的安全模板。 遵循最新的安全要求，建议和最佳实践编写。 引擎盖下使用了超级快，下一代捆绑用于编译的。 默认情况下，该接口使用Vue框架，但是您可以轻松使用任何其他框架，例如React ， Preact ， Angular ， Svelte或其他任何框架。 Vite与框架无关 支持 此模板由维护。 你可以 继续开发此模板。 如果您有想法，问题或建议-欢迎进行。 :smiling_face_with_smiling_eyes: 特征 电子 模板使用具有所有最新安全补丁程序的最新电子版本。 应用程序的体系结构是根据安全建设和最佳实践。 的最新版本用于编译应用程序。 恶毒 Vite用于捆绑所有源代码。 这是一款非常快速的打包机，具有许多强大的功能。 您可以在此视频中了解有关其安排的更多信息。 Vite支持读取.env文件。 我的模板有一个单独的命令来生成带有类型定义您的
electron-vite-tailwind-starter:这个 Starter 结合使用 Electron、Vite 和 Tailwindcss。 它试图坚持最佳实践
07-23
Electron 12 + Vite 2 + Tailwind 2 - 启动器 这个 Starter 结合使用 、 和 。 它试图遵循在提到的最佳实践 它也使用 。 安装 yarn 发展 yarn dev 建造 yarn build
electron-vue-vite-webpack:Electron、vue3、vite2、webpack5、ant-design-vue2 整合
05-17
电子vue-vite-webpack Electron + vue3 + vite2 + webpack5 + ant-design-vue2 如何和为什么 Vite是未来的脚手架 在开发期间使用“拜访”以保持快速启动的优势 使用“ webpack”解决包装期间的包装问题 命令 npm ...
electron+vue3+vite
WYP123456L的博客
06-25 470
其他打包方式 在package.json中新增打包命令。# 指定 Electron 的国内淘宝镜像地址。1.使用命令创建工程（node版本在16上）在package.json中新增打包命令。electron打包需要打包插件。# 指定 npm 国内淘宝镜像。
Electron-ViteChat桌面端聊天室|electron31+vite5+pinia2仿微信EXE程序
最新发布
码农ICoding
07-09 1629
Electron-Vue3-Wechat聊天实例|electron31+vite5+pinia2+element-plus仿微信聊天EXE程序。支持electron多开窗口管理、动态换肤、自定义最大化/最小化/关闭等功能。
Electron + Vite + Vue 项目搭建
m0_46101688的博客
02-26 2065
本篇文章主要基于 Electron Forge 的 Vite 模板进行 Vue 3 环境的搭建。
Electron + Vite + VUE 开发桌面程序
LHBTM的博客
10-10 1360
electron-vite 是一个新型构建工具，旨在为 Electron 提供更快、更精简的开发体验。它主要由四部分组成： 一套构建指令，它使用 Vite 打包你的代码，并且它能够处理 Electron 的独特环境，包括 Node.js 和浏览器环境。 集中配置主进程、渲染器和预加载脚本的 Vite 配置，并针对 Electron 的独特环境进行预配置。 为渲染器提供快速模块热替换（HMR）支持，为主进程和预加载脚本提供热重载支持，极大地提高了开发效率。 使用 V8 字节码保护源代码。
electron+vite+vue3 快速入门教程
pixle的博客
01-17 3419
本文将介绍electron基本使用和构建electron+vite+vue3脚手架开发项目electron框架对web开发人员来说非常友好，无须了解原生开发技能，就能通过web技术进行桌面应用开发，大大减少学习成本，一套代码能快速构建生成多端应用，也大幅减少了开发成本。简言之，electron开发可以看成是桌面功能开发+纯web页面开发，桌面功能开发在主进程调用Electron API，而web页面开发就是html，css，js技术栈。
electron-vite
12-29
根据提供的引用内容，以下是关于electron-vite的介绍和演示： electron-vite是一个基于Vite构建工具的Electron应用程序开发框架。它结合了Vite的快速开发能力和Electron的跨平台能力，使得开发Electron应用程序更加高效和简单。 要使用electron-vite，首先需要安装electron和vite-plugin-electron。可以按照以下步骤进行安装： 1. 进入electron-demo目录： ```shell cd .\electron-demo\ ``` 2. 设置electron的镜像源为淘宝镜像： ```shell pnpm config set electron_mirror "https://npm.taobao.org/mirrors/electron/" ``` 3. 安装electron和vite-plugin-electron： ```shell pnpm install electron -D pnpm install vite-plugin-electron -D ``` 配置electron： 1. 新建electron/index.ts文件： ```shell mkdir electron echo >index.ts ``` 以上是关于electron-vite的介绍和安装步骤。你可以根据这些步骤来开始使用electron-vite进行Electron应用程序的开发。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值