electron+vue打包安装相关问题

最新推荐文章于 2023-07-12 13:17:40 发布
最新推荐文章于 2023-07-12 13:17:40 发布
阅读量257 收藏
点赞数
分类专栏： npm 文章标签： npm vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/darry1990/article/details/109351444
版权

一、安装步骤

1、安装cnpm
2、删除node_modules
3、cnpm install
4、设置安装electron依赖环境安装变量set ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/
5、cnpm run pack

二、出现的问题
1、electron如何安装不下来，可以试着单独安装

先卸载10.1.3版本的，再安装
cnpm uninstall electron && cnpm install electron@”10.1.3” –save-dev

2、还不行，可以根据报错先手动下载，放到对应的缓存目录中，如下图
在这里插入图片描述
在这里插入图片描述

darry1990
关注
专栏目录
关于electron-vue 安装、运行、打包报错踩坑日记
qq_33173954的博客
03-18 1190
测试 12122
(一)Electron开发准备
JimCal
01-15 1134
       在Electron官网有这么一句话：如果你可以建一个网站，你就可以建一个桌面应用程序。这是Electron的强大的地方，之前没了解过，最近试用了一下，感觉还阔以，况且微软的编辑器VS Code都是用它来写的，学它不会错，就开始入门吧，哈哈~~        Electron是由Github开发，用HTML、CSS和JavaScript来构建跨平台桌面应用程序的一个开源库，它基于Ch...
如何利用 Electron 开发一个桌面 APP
前端大全
01-07 4472
（点击上方公众号，可快速关注）编译：开源中国https://www.oschina.net/translate/how-to-build-your-first-app-with-electron你是否曾经想过可以用 HTML、CSS 和 JavaScript 这些前端技术来构建跨平台的桌面应用？使用 Electron 就能做到。本文带着你深入 Electron 的核心概念。阅读本文后，你会知道如何
electron + vue-cli4.0+ 环境搭建及打包win、mac
m0_38102288的博客
09-16 768
标题一、搭建vue-cli环境 1、安装vue-cli // 安装vue-cli脚手架 yarn global add @vue/cli //搭建vue-cli vue create hello-electron // 进入目录 cd hello-electron // 尝试启动vue-cli yarn run serve ps：当你看到这个页面已经成功了一半了 2、安装electron // 安装electron vue add electron-builder 启动项目 yarn
关于electron-vue打包MAC安装包我所遇到的问题
m0_61431263的博客
11-17 1438
1、not found icons 找不到图标文件， 苹果系统图标文件后缀为icns！！！注意更改文件类型 2、在使用npm run build报错后，最终采用了electron-builder来打包 错误大概如图 需要在打包前进行pack编译 npm run pack 而且需要安装yarn add electron-builder --dev 如果安装失败，not found yarn，那么就需要先安装yarn。 但也mac系统权限原因直接下载无法下载还是会...
1,【electron+vue】 构建桌面应用——创建electron项目(包括创建,运行,打包碰到的问题)
$
09-26 1161
1,首先你得有一个vue-cli 创建的vue项目.我们在vue项目的基础上添加一下插件.就变成了electron项目.如何创建vue项目我这里就不过多赘述了,网上有很多.问题2: 如果打包失败,右键打开项目所在目录,将含有中文的文件夹名改成英文的就可以了,如下图所示。到这里就完成了创建,运行,打包这三步.下篇文章咱们讲讲electron一些常用的基本功能。问题3: 如果打开白屏,找到router,mode的模式改为hash就可以了。第一个是免安装的,直接双击运行就可以,但是需要依赖和它同级的文件。
Electron+Vite+Vue3 模版
05-31
开发者可以利用Vue3的新特性构建用户界面，同时享受Vite带来的快速开发体验，最后通过Electron将应用打包为可在Windows、macOS和Linux上运行的桌面程序。 在实际使用这个模版时，开发者可以按照以下步骤进行操作： ...
前端毕业设计大作业基于Electron+Vue构建的桌面音乐播放器源码.zip
06-15
期末大作业基于Electron+Vue构建的桌面音乐播放器源码。 特性 支持音乐频谱 界面友好，支持皮肤切换 跨平台，可打包Windows、Mac、Linux 良好的架构模式和代码风格 提供支持主流的第三方音乐平台 期末大作业基于...
electron框架+打包vue+react 成exe 安装下一步客户端桌面程序
08-28
在使用`Electron`进行打包和部署时，有一些关键步骤和潜在问题需要注意。首先，确保安装了正确的依赖环境，例如Python 2.7和特定版本的Node.js（这里是12.18.3），因为高版本可能会导致某些依赖下载失败。同时，清理...
Electron + vue 打包桌面操作流程详解
10-16
集成Vue和Electron的过程涉及到多个步骤，包括安装依赖、整合项目结构、配置文件的修改以及最后的打包。理解这些步骤对于成功创建桌面应用至关重要。如果你在过程中遇到任何问题，记得查阅文档或在线寻求帮助。记住...
electron + vue 项目运行打包配置文档
01-08
vue-cli 初始化vue项目构建 vue init webpack project-name electron 配置源码： ...3. 在已建好vue-cli项目中，安装electron依赖：** npm install electron --save-dev npm install electron-packager --save-de
Electron自定义软件卸载流程
@不喝海之言@
06-08 6845
@此文章为问题解决方案记录@我碰到一个问题，我的单机程序集成了一个本地数据库，存放本地数据库文件的文件夹存放在用户的也就 这个文件夹中。😂😂所以，问题就来了，我发现，我卸载了这个程序，重新安装之后，程序竟然还能读取到我之前存储的数据，有点不符合逻辑。可是，我在的配置中已经配置了： 注：我这里说的指的是的打包配置，不同框架之间配置的地方不同，比如： 和 的配置地方就不一样。所以，为什么呢？我去看了一下人家electron-build官网的解释，并结合卸载流程来看，原来本身卸载时只管删除程序安装数据文件夹，..
electron-vue项目安装依赖以及打包问题
weixin_43506976的博客
11-24 1743
electron-vue项目
electron打包的exe程序，点击安装却执行了卸载的问题
csx blog
09-23 962
electron打包的exe安装后，在没卸载的情况下，重新点击exe安装，会执行卸载，再点一次才是安装；针对这个问题，我注释了打包里的一个配置，就好了，如下。在window平台下。
解决electron windows应用在删除安装目录后重新覆盖安装失败的问题
weixin_43398820的博客
11-26 4381
一. 背景 electron-builder打包的windows 应用，因为把之前安装好的exe所在的整个目录删掉了，重新覆盖安装时出现安装失败的情况。 二. 解决 方法一 package.json中修改build中的appId的值，重新打包安装 "build": { "appId": "com.net.app" } 方法二 每次打包都要重新修改appId值比较麻烦，可以使用下面的方法删除注册表中的信息，重新安装 "nsis": { "guid.
vue项目使用electron进行打包操作
qq_34170840的博客
05-13 7601
一、设置国内镜像 npm config edit 执行后会弹出npm的配置文档，将以下类容复制到文件末尾。 electron_mirror=https://npm.taobao.org/mirrors/electron/ electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/ 二、创建vue框架文件 这里不详细说了，就是创建一个vue项目，如果已有项目则跳过这一步。
‘Electron failed to install correctly, please delete node_modules/electron and try installing again‘
MastyJay
04-13 1155
全局安装 electron 时无错误，但是查看版本号 electron -v 提示错误信息： 解决办法： 1.卸载已安装的 electron： npm uninstall electron -g 2.安装指定版本的 electron： npm install electron@12.2.3 -g 3.在这里下载指定版本的 electron 包： CNPM Binaries Mirror 我下载的是：electron-v12.2.3-win32-x64.zip，与安装的 elect
Electron笔记
qq_27953479的博客
07-12 353
1、安装node.js3、验证:electron -v升级:npm update electron -g卸载:npm uninstall electron。
前端——electron-vue打包遇到的深坑，希望能帮到大家
Fidgety的博客
05-11 652
electron-vue项目打包（electron:build）1. 安装electron提供的打包插件2.配置打包信息（个人是在vue.config中配置的）执行打包命令 个人是使用cli脚手架搭建的electron 框架 1. 安装electron提供的打包插件 在当前项目根目录下安装打包插件 npm install electron-builder 或全局安装 npm install electron-builder -g 2.配置打包信息（个人是在vue.config中配置的） module.ex
electron+vue项目打包后出现的iframe跨域
最新发布
09-06
在 Electron Vue 项目中，当我们使用 iframe 标签来嵌入其他网页时，有时会出现跨域问题。...在最终打包发布 Electron Vue 项目时，需要遵循 Electron 的安全策略，并且谨慎处理跨域问题，以确保项目的安全性和稳定性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值