解决Electron-Vue的electron版本太老的问题

最新推荐文章于 2025-09-23 16:34:22 发布

原创最新推荐文章于 2025-09-23 16:34:22 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #electron #javascript

本文介绍了如何将使用Electron-Vue构建的项目中的Electron版本升级到最新，通过`yarn upgrade-interactive --latest`选择更新依赖，并在`index.js`中启用`nodeIntegration`和`enableRemoteModule`，确保顺利运行项目。

Electron的版本现在都19点多了，如果用Electron-Vue搭建的项目，Electron版本才2点几。

升级Electron

执行`yarn upgrade-interactive --latest`
勾选 4个以`electron`开头的依赖
回车
等一万年～～～～～～
即升级成功 ✌️

然后，src文件夹下main文件夹下index.js文件的new BrowserWindow代码段里加上：

webPreferences: {
    nodeIntegration: true,
    enableRemoteModule: true, // 打开remote模块
  }

执行npm run dev查看

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

sinco25

关注关注

0
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

electron+vue3+vite+antdesign

yr123456654321的博客

05-07

950

首先在我的项目vue3+vite+antdesign 基础上使用electron，两者并不冲突，只需要在我原先项目基础上安装electron就行，需要安装一些包以及配置就可以了，本次记录一下怎么使用，以及当时遇到的问题。注意electron时，"type": "commonjs"，用vite项目的时候是"type": "module",(当时这个地方没注意，报错了)在项目根目录新建electron文件夹，再里面再新建electron.js。前提是vue3+vite+antdesign 没问题哈！

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 发布了...

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

3 条评论

默默无闻的FYH 2022.09.19
博主升级完后最新的版本号可以发出来嘛？

静默如烟. 2022.09.02
博主有没有在线代码可参考, 目前升级了, ipc通信有问题还有remote访问有问题
- sinco25回复静默如烟. 2022.09.05
  http://t.csdn.cn/Q0sJg

electron-vue的electron的升级

前进者

08-31

2018

三年前，做electron项目的时候，选择了基于vue来构造electron应用程序的electron-vue, 最近因为开发新的功能对chrome版本有要求，需要升级electron,但是electron-vue的第三方依赖到1.0.6版本已经放弃更新了，只能强制更新electron版本进行升级,...

哪些国产软件在用Electron？居然这么多大厂！

最新发布

2401_82943878的博客

09-23

992

Electron是一个由GitHub开发的开源框架，允许使用Web技术（HTML、CSS和JavaScript）来构建跨平台的桌面应用程序。其核心原理是将Chromium浏览器引擎和Node.js运行时结合在一起，提供了一个能够运行Web页面同时又能访问操作系统原生API的环境。Electron框架已经成为国产桌面应用开发的重要选择，众多大厂的产品都在使用这一技术。虽然存在一些挑战，但其在开发效率、跨平台一致性和人才资源方面的优势使得它成为许多项目的理想选择。

electron-vue 的版本更新

weixin_46263815的博客

02-10

1205

electron-vue 的版本更新

electron高版本存在的问题

斗师——Ace

01-28

953

electron的10.1.1版本存在的问题： 1.mainWindow.reload()：重新加载页面会直接退出。 2. 在企业版window10系统的1809版本中，渲染进程无法生产，不会显示界面，会少一个gpu-process进程。

Vue+Electron学习系列 (四) -- 自动更新进阶

Bennett_G博客

09-17

5476

1️⃣Vue+Electron学习系列 (一) -- 初识2️⃣ Vue+Electron学习系列 (二) -- 打包发布3️⃣ Vue+Electron学习系列 (三) -- 自动更新4️⃣ Vue+Electron学习系列 (四) -- 自动更新进阶此篇主要介绍并实现Electron通过渲染进程触发其更新操作流程。......

Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）

04-01

本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，实现了一个完整的远程更新流程，包括检查更新、下载更新以及自动安装更新。以下将详细介绍这三个组件的功能和实现方式。 **1....

electron-vue-template:electron vue 模板

05-08

electron-vue-template 一、项目运行 1. 依赖安装 yarn install # 或者 npm install 2. 开发模式 yarn electron:serve # 或者 npm run electron:serve 3. 生产打包 yarn electron:build # 或者 npm run electron:...

electron-vue-IM:利用electron-vue开发IM，聊天功能，桌面应用

05-25

electron-vue开发IM，聊天功能，桌面应用本项目须要electron-vue-server运行： electron-vue-test An electron-vue project Build Setup # install dependencies npm install # serve with hot reload at localhost...

基于 electron-vue 开发的音乐播放器，界面模仿QQ音乐，技术栈electron-vue+vue+vuex+vue-r

05-25

【标题】基于 electron-vue 开发的音乐播放器是一个利用现代前端技术构建的桌面应用程序，其设计灵感来源于QQ音乐，提供了类似的功能和用户体验。这个项目采用的技术栈包括 electron-vue、vue、vuex、vue-router 和 ...

electron-vue升级electron到最新的版本后启动不起来，窗口一闪而过。

csx blog

08-17

994

升级electron到最新的版本后启动不起来，窗口一闪而过。

降低electron版本简单方式

weixin_45538554的博客

08-19

2350

直接去node_module中找到electron包，删除。然后再重新安装低版本的electron

electron-vue更新electron版本以及适配

饮尽鸿爪下的雪泥的博客

04-29

1297

问题由于项目需求，在使用electron-vue创建electron程序的时候，发现由于electron-vue作者已经不维护了，electron版本还是2.0.4，导致在使用electron的一些新特性的时候收到了限制。因此在查找多方面资料之后，主要是根据知乎的链接进行了相应的electron相关版本更新，经过测试之后，发现没有什么问题。 electron-vue更新后 electron-builder打包修复由于官方工程下的.electron-vue的build.js的错误，导致打包失败的问题 e

Electron 应用程序打包体积过大常用的优化方法

热门推荐

q1003675852的博客

12-04

1万+

使用 webpack 或 rollup 等模块打包工具可以将应用程序中的多个模块打包成单个文件，从而减少文件数量和大小，从而减小应用程序的打包体积。asar 是一种将应用程序打包为单个归档文件的方法，可以有效减少文件数量和大小，从而减小应用程序的打包体积。如果想通过修改app.asar的扩展名，再用其它解压工具，或者用其它解压工具直接打开，可能会报错。将应用程序的文件进行压缩，可以有效减小文件大小。检查应用程序依赖的模块和库是否真正需要使用，如果不需要，可以将其从项目中移除。来删除未使用的依赖项。

vue-cli-plugin-electron-builder创建electron项目以及遇到的问题

weixin_47330679的博客

04-26

3049

文章目录前言一、创建vue项目二、安装插件安装electron-builder三、运行项目总结前言提示：vue-cli-plugin-electron-builder用于vue集成electron项目的插件 electron官方文档： https://www.electronjs.org/ vue-cli-plugin-electron-builder官方文档：这里是引用https://nklayman.github.io/vue-cli-plugin-electron-builder/.

Electron 回退到低版本

qq_40375627的博客

04-02

7232

1、安装默认版本的electron,如何安装看这里； 2、下载想要的electron版本（例如：我在csdn下载了electron1.7.10版本）； 3、在当前用户目录下找到 “C:\Users\Administrator.000\AppData\Roaming\npm\node_modules\electron”，进入 /dist目录，然后将自己下载的electron解压后，完全拷贝...

Electron-vue2.0

weixin_45086164的博客

08-29

1317

Electron-vue2.0

electron（一）：vue成型项目中使用electron

浩星

11-06

7282

前言：在对electron的认识逐渐加深的情况下，来整理下自己的心得，在网络比较差的情况下，如何快速将一个vue项目引入electron，从而让他可以打包成桌面应用。目录：前提+准备工作：实现步骤： 1、在vue项目npm框中输入：这里是给vue配置electron，注意这里是从国外下载东西，特别慢 2、配置electron版本，回车确定，这里推荐是9, 我这里是9.3.3 3、到这一步，用ctrl+c将他截停，这是因为我的网络太差了，后面的配置文件，我这边是下不了，...