Electron安装/打包错误的问题总结

最新推荐文章于 2024-06-20 09:57:10 发布
最新推荐文章于 2024-06-20 09:57:10 发布
阅读量1.7k 收藏 1
点赞数 1
分类专栏： 程序人生 开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RJ0024/article/details/117555032
版权
什么是Electron简单的说Electron就是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 而这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行使用。非常适合前端来做桌面应用开发。一、Electron安装电脑装上node.js之后安装electron进入到electron项目路径在终端输入以下命令：npm install --registry https://registry.npm.taobao.org
摘要由CSDN通过智能技术生成

什么是Electron

简单的说Electron就是一个能让你使用 JavaScript, HTML 和 CSS 来创建桌面应用程序的框架。 而这些应用程序可以打包后在 macOS、Windows 和 Linux 上直接运行使用。非常适合前端来做桌面应用开发。

一、Electron安装

  1. 电脑装上node.js之后安装electron

  2. 进入到electron项目路径

    在终端输入以下命令：

npm install --registry https://registry.npm.taobao.org

cnpm install

3. 开始运行

npm run dev

提示Electron安装失败

找到node_modules里的electron文件夹，看看是否包含dist文件夹
在这里插入图片描述

如果没有，可以手动进行安装，在终端进入node_modules/electron路径

输入node install.js进行安装

二、Electron打包

打包命令：

最低0.47元/天 解锁文章
睿江云计算
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
electron打包若依VUE
06-29
electron打包若依VUE
electron打包报错:Error:Application entry file“xx.asar“ does not exist. Seems like a wrong configuration.
古月水告的博客
01-29 2188
错误：“xx/cacher/build/mac/banker.app/Contents/Resources/app.asar”中的应用程序条目文件“dist-electron/main/index.js”不存在。看起来是错误的配置。文件配置里“build” => "files"没有配置对应的需要打包的文件。
vue3项目使用Electron打包成exe的方法与打包报错解决
最新发布
梦翼横空的专栏
06-20 646
解决：打开cmd 执行 npm config edit。2.在vue项目根目录新建文件index.js。3.package.json文件编辑。将vue3项目打包成exe文件方法。打开配置文件 粘贴以下内容。1.安装electron。
Electron-vue打包错误问题解决
q12as的博客
09-24 2288
InvalidConfigurationError: "directories" in the root is deprecated, please specify in the "build" ⨯ Get "https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z": read tcp 192.168.1.4:51
electron-forge安装之后npm start报错An unhandled rejection has occurred inside Forge: Error: Could not find
qq_30675311的博客
08-17 2645
运行报错信息: An unhandled rejection has occurred inside Forge: Error: Could not find any Electron packages in devDependencies 安装 npm i electron --save-dev 或 cnpm i electron --save-dev。再运行npm start。
安装electron时安装失败解决
坏蛋阿土的博客
12-21 1万+
结果报错如下。
electron-forge 脚手架安装错误及解决方法
weixin_44097578的博客
03-05 1万+
一、报错：You must depend on “electron-prebuilt-compile” in your devDependencies 解决方法对照如下代码有不一样的添加上去，或者全部复制粘贴替换也可以： { "name": "my-new-app", "productName": "my-new-app", "version": "1.0.0", "descri...
Electron Vue 打包错误： InvalidConfigurationError: ‘build‘ in the application package.json
KYuruyan的博客
08-27 4269
Electron Vue electron-builder 打包错误： InvalidConfigurationError: ‘build’ in the application package.json is not supported since 3.0 anymore. Please move ‘build’ into the development package.json 解决方案：把"build":{}从package.json移除，在vue.config.js里写 module.exports
Electron + vue 打包桌面操作流程详解
10-16
集成Vue和Electron的过程涉及到多个步骤，包括安装依赖、整合项目结构、配置文件的修改以及最后的打包。理解这些步骤对于成功创建桌面应用至关重要。如果你在过程中遇到任何问题，记得查阅文档或在线寻求帮助。记住...
electron-vue利用webpack打包实现多页面的入口文件问题
10-17
总结，通过理解 Webpack 的核心概念，配置多页面入口，以及正确地在 Electron 中创建和加载新窗口，我们可以成功地使用 `electron-vue` 和 `webpack` 实现多页面的应用。在遇到问题时，如内存溢出，可以通过调整 `...
Electron实现应用打包、自动升级过程解析
11-19
总结起来，通过`electron-builder`进行应用打包可以方便地将Electron应用转化为可分发的安装程序，而`electron-updater`则提供了自动化更新机制，使得用户能够无缝地获取和安装应用的最新版本。在实际开发中，还需要...
electron踩坑之remote of undefined的解决
10-14
总结起来，解决 "remote of undefined" 错误的关键在于理解 Electron 的版本变更，以及如何适配这些变更。在创建 `BrowserWindow` 时启用 `enableRemoteModule` 和 `nodeIntegration` 是关键步骤。同时，为了保障...
electron-vue-build-package.zip
05-20
总结来说，Electron Vue和electron-builder的结合为开发桌面应用提供了便利，而面对网络难题，我们可以通过离线打包策略来解决。理解Electron Vue的项目结构和electron-builder的工作原理，以及掌握离线打包的技巧，...
electron 安装打包更新配置，main.js /package.json配置
只愿做一个伸手党的，快乐的码农
02-08 1万+
electron 安装打包更新配置，main.js /package.json配置 最近因为项目的原因需要将已完成好的react项目封装成一个桌面应用，作为已个纯前端的伸手党，开始接触到了electron，由于本人做伸手党惯了，记不住太多的配置，又怕自己忘记，所以写篇文章记录下，好了，不多说直接上代码，伸手党请进。 package.json和main.js配置 首先简单说一下我的思路，先将已经完...
Electron打包配置 + package.json的常用配置项及其用法解析
qq_41980754的博客
08-25 7169
Electron Build配置 基础配置 { "name": "demo01", //项目名称 "version": "0.0.2", //版本号 "author": "神气宝贝小邓", //作者 "description": "xxx",//项目描述 "main": "main.js", "scripts": {//利用快捷脚本命令,运行Electron相关默认命令 "test": "echo \"Error: no test specified\" &&amp.
完美解决报错Please verify that the package.json has a valid “main“ entry处理方法
热门推荐
小助手爱编程
10-07 1万+
出现下图中的错误 ，说明缺少main入口 解决方法： 1.删除 node_modules 和 package-lock.json这两个文件 2.命令行输入npm i 重新下载包 3.重新执行检查没有报错
内网electron 项目打包报错问题解决
q_1a23_q的博客
03-05 1601
解决办法： 手动下载这两个文件（electron-v23.1.1-win32-x64.zip，SHASUMS256.txt-23.1.1），传到内网，放在这个目录C:\Users\10830（你自己的用户名）\AppData\Local\electron\Cache。我安装的是npm i electron-packager 来打包的,以下是package.json的配置。注意：SHASUMS256.txt文件 记得改成版本名，SHASUMS256.txt-23.1.1。
rush update运行报错：Running postinstall script, failed in ；Packages are hard linked from the content-add
qq_45327886的博客
02-22 3970
Packages are hard linked from the content-addressable store to the virtual store. Content-addressable store is at: D:\comen-web-3\common\temp\pnpm-store\v3； Running postinstall script, failed in Commandfailedwithexitcode3221225725.
electron打包 Error output: !include: could not find:
carry_666的博客
11-28 589
找到 node_module/app-builder-lib/out/targets/nsis/NsisTarget.js文件，在 executeMakensis 方法中加入相应的代码，include: could not find: “C:\Users\xxxx(这里是中文)\AppData\Local\Temp\t-TH3KzB\0-messages.nsh”//添加下面这一行即可。
electron 打包_electron-builder打包采坑问题汇总
05-26
在使用 electron-builder 进行打包时，可能会遇到一些常见问题，下面是一些可能出现的问题和解决方法： 1. 打包后程序无法启动 可能是因为 electron-builder 默认使用了 asar 打包，导致某些文件不能被正确加载。...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值