electron+vue打包安装相关问题

最新推荐文章于 2025-09-30 20:53:49 发布

原创

最新推荐文章于 2025-09-30 20:53:49 发布 · 344 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#npm #vue

一、安装步骤

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@”

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

darry1990

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

(一)Electron开发准备

JimCal

01-15

1302

在Electron官网有这么一句话：如果你可以建一个网站，你就可以建一个桌面应用程序。这是Electron的强大的地方，之前没了解过，最近试用了一下，感觉还阔以，况且微软的编辑器VS Code都是用它来写的，学它不会错，就开始入门吧，哈哈~~ Electron是由Github开发，用HTML、CSS和JavaScript来构建跨平台桌面应用程序的一个开源库，它基于Ch...

Electron自定义软件卸载流程

@不喝海之言@

06-08

8810

@此文章为问题解决方案记录@我碰到一个问题，我的单机程序集成了一个本地数据库，存放本地数据库文件的文件夹存放在用户的也就这个文件夹中。😂😂所以，问题就来了，我发现，我卸载了这个程序，重新安装之后，程序竟然还能读取到我之前存储的数据，有点不符合逻辑。可是，我在的配置中已经配置了：注：我这里说的指的是的打包配置，不同框架之间配置的地方不同，比如：和的配置地方就不一样。所以，为什么呢？我去看了一下人家electron-build官网的解释，并结合卸载流程来看，原来本身卸载时只管删除程序安装数据文件夹，..

参与评论您还未登录，请先登录后发表或查看评论

初始化electron项目运行后报错 electron uninstall 解决方法

最新发布

小牛itbull的博客

09-30

797

首次初始化electron-vite项目，运行pnpm dev后出现了报错，一大堆，关键的就是提到了electron uninstall这个错误。

electron + vue-cli4.0+ 环境搭建及打包win、mac

m0_38102288的博客

09-16

863

标题一、搭建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

1833

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系统权限原因直接下载无法下载还是会...

精选资源

Electron+Vite+Vue3 模版

05-31

开发者可以利用Vue3的新特性构建用户界面，同时享受Vite带来的快速开发体验，最后通过Electron将应用打包为可在Windows、macOS和Linux上运行的桌面程序。在实际使用这个模版时，开发者可以按照以下步骤进行操作： ...

精选资源

Electron + Vue3 跨平台的桌面应用程序开发框架

06-19

使用Vue3+Electron+ElementPlus创建跨平台桌面系统 1.可以动态修改配置服务地址访问 2.打包后可以在安装程序中修改网站或者系统服务地址进行访问 3.可以进行拓展安装到各web平台系统中 4.可以拓展类似浏览器窗口

基于SpringBoot + Vue + Electron 实现嵌入脚本的代理服务器项目源码+数据库

03-05

基于SpringBoot + Vue + Electron 实现嵌入脚本的代理服务器项目源码+数据库主要实现了，用户在客户端中进行登录，然后账号的数据与对应的IP进行绑定，之后根据用户数据规则进行响应对应的数据(执行对应的脚本)。 ...

精选资源

前端毕业设计大作业基于Electron+Vue构建的桌面音乐播放器源码.zip

06-15

期末大作业基于Electron+Vue构建的桌面音乐播放器源码。特性支持音乐频谱界面友好，支持皮肤切换跨平台，可打包Windows、Mac、Linux 良好的架构模式和代码风格提供支持主流的第三方音乐平台期末大作业基于...

关于electron-vue 安装、运行、打包报错踩坑日记

qq_33173954的博客

03-18

1261

测试 12122

1,【electron+vue】构建桌面应用——创建electron项目(包括创建,运行,打包碰到的问题)

09-26

1258

1,首先你得有一个vue-cli 创建的vue项目.我们在vue项目的基础上添加一下插件.就变成了electron项目.如何创建vue项目我这里就不过多赘述了,网上有很多.问题2: 如果打包失败,右键打开项目所在目录,将含有中文的文件夹名改成英文的就可以了,如下图所示。到这里就完成了创建,运行,打包这三步.下篇文章咱们讲讲electron一些常用的基本功能。问题3: 如果打开白屏,找到router,mode的模式改为hash就可以了。第一个是免安装的,直接双击运行就可以,但是需要依赖和它同级的文件。

electron踩坑之安装报错 Electron uninstall

wxiao_xiao_miao的博客

03-06

2088

删除 node_modules后运行pnpm store prune清除缓存后重新安装，仍然报错。在启动一个electron项目前，pnpm install了使用到的库，但在启动时，报错。忽略的包内的脚步预下载设置,需要修改npm或者yarn的设置。后，可以正常启动项目了。

Electron实战系列二：electron安装

m0_68635815的博客

02-16

347

【代码】Electron实战系列二：electron安装。

electron-vue项目安装依赖以及打包问题

weixin_43506976的博客

11-24

2010

electron-vue项目

Electron 项目运行问题：Electron failed to install correctly

weixin_52173250的博客

01-21

1964

Electron 项目运行问题：Electron failed to install correctly

Vue2项目中使用electron打包Windows桌面应用（全教程、踩坑集合）

qq_44928780的博客

05-19

6733

PS：踩了太多坑亲测有效。。

解决electron windows应用在删除安装目录后重新覆盖安装失败的问题

weixin_43398820的博客

11-26

5087

一. 背景 electron-builder打包的windows 应用，因为把之前安装好的exe所在的整个目录删掉了，重新覆盖安装时出现安装失败的情况。二. 解决方法一 package.json中修改build中的appId的值，重新打包安装 "build": { "appId": "com.net.app" } 方法二每次打包都要重新修改appId值比较麻烦，可以使用下面的方法删除注册表中的信息，重新安装 "nsis": { "guid.

electron打包的exe程序，点击安装却执行了卸载的问题

csx blog

09-23

1272

electron打包的exe安装后，在没卸载的情况下，重新点击exe安装，会执行卸载，再点一次才是安装；针对这个问题，我注释了打包里的一个配置，就好了，如下。在window平台下。

electron+vue项目打包成exe安装包

09-13

我们使用electron-builder来打包Electron+Vue项目为exe安装包。步骤： 1. 确保项目基于electron-vue脚手架创建，或者已经集成了Vue和Electron。 2. 安装electron-builder：在项目根目录下运行 `npm install ...