Vue CLI 5.x安装 electron-builder 报错

最新推荐文章于 2025-04-11 23:35:37 发布
最新推荐文章于 2025-04-11 23:35:37 发布
阅读量1.3k 收藏
点赞数
分类专栏： 前端开发 文章标签： electron vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_43940777/article/details/124398444
版权
博客讲述了在使用VueCLI 5.0.4、Vue 2.6.14和Electron 18.1.0进行项目构建时遇到的错误。报错信息与ts-loader版本不兼容有关。作者提供了解决方案，建议将ts-loader更新到8.2.0版本以修复问题。参照链接中的GitHub issue讨论，此问题在社区中已有明确的解答。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

vue-cli-plugin-electron-builder打包vue2
2301_80553345的博客
05-22 931
会自动下载electron相关的包(需要选择node对应版本的electron包)，生成运行命令并在src目录下生成background.js。1、下载npm install vue-cli-plugin-electron-builder --save -dev。npm run electron:build打包，打包成功如下，会在dist文件夹中生成包。需要存在version，description，author，没有请添加。3、修改backgound.js，打开后窗口大小。
PicGo:用于上传由vue-cli-electron-builder构建的图片的工具-开源
05-27
菜单栏应用程序窗口显示5张最近上传的图片和剪贴板中的图片。 单击图片将自动将上传的链接复制到剪贴板。 （在Windows平台上不支持。）Windows和Linux系统下提供了一个微型浮动窗口，供用户拖动和上传，从而节省了...
利用vue-cli搭建electron项目
h1123595386的博客
10-25 448
最近想自己尝试搭建一个桌面应用，因为感觉市面上的一些桌面程序没法定制化地实现自己的想法。于是查了些资料，了解到了electron，学习了一些简单的概念以及通信后，开始利用vue搭建项目。流程比较简单，但是过程中遇到了一些坑，以此做个记录和分享。
安装electron-builder遇到的报错总结
weixin_43582313的博客
06-13 1640
1.Unexpected end of JSON input while parsing near ‘…-/electron-to-chromiu’ 执行npm cache clean --force之后再npm install 2.EBUSY: resource busy or locked, unlink ‘xxx’ 关闭杀毒软件， 3.Error: EPERM: operation not permitted, unlink ‘xxx’ 提示权限不足 npm cache verify 使用管理员身份
vue 项目集成 electron 和 electron 打包及环境配置方法
最新发布
在全栈和前端徘徊的程序员
04-11 803
将 Vue 项目集成到 Electron 中并进行打包，可以让你创建一个跨平台的桌面应用程序。
使用原生vue搭建electron常见报错
Barzar的博客
06-16 5167
折腾了两天，尝试了electron-vue和electron-forge，效果都不怎么理想，electron-vue的electron版本太老，升级坑实在是太多，electron-forge版本不知道怎么更新，最后还是选择原生的vue框架来搭建，查了不少资料，解决了一部分问题 创建一个vue+electron项目 vue create app 一路回车下来 cd app vue add electron-builder 修改electron-builder安装源 这里装了一晚上electron-buil
解决安装 Electron 或者使用 Vue CLI 插件添加 Electron 时出现的常见错误
qq_43326668的博客
05-24 1669
但是，在安装 Electron 或者使用 Vue CLI 插件添加 Electron 时，常会遇到一些错误，影响开发者的工作效率和程序的质量。总之，Electron 和 Vue CLI 是非常强大和实用的工具，但是在安装和使用过程中也会遇到一些错误。通过本文介绍的解决方案和最佳实践，你可以更好地使用 Electron 和 Vue CLI，提高自己的开发效率和程序的质量。淘宝镜像是淘宝开发团队维护的一个 Node.js 和 NPM 的镜像源，包含了 Node.js 和 NPM 的最新版以及所有历史版本。
vue@cli 项目打包electron
weixin_43426680的博客
01-12 627
vue@cli4 1. 创建vue项目 2. vue add electron-builder, 添加 electron打包插件，此时 根目录下，多了background.js文件，package.json 多了四个 指令 "electron:build": "vue-cli-service --mode elec electron:build", "electron:serve": "vue-cli-service --mode elec electron:serve",
Electron-vue开发实战5——开发插件系统之CLI部分
weixin_34318272的博客
02-04 563
前言 原文发表在我的博客，欢迎关注~ 祝大家2019年猪年新年快乐！本文较长，需要一定耐心看完哦~ 前段时间，我用electron-vue开发了一款跨平台（目前支持主流三大桌面操作系统）的免费开源的图床上传应用——PicGo，在开发过程中踩了不少的坑，不仅来自应用的业务逻辑本身，也来自electron本身。在开发这个应用过程中，我学了不少的东西。因为我也是从0开始学习electron，所以很多...
vue-cli-plugin-electron-builder-适用于Electron的Vue CLI 3插件，无需使用Electron Builder的必需配置。-Vue.js开发
05-27
Vue CLI插件Electron Builder可以轻松构建带有Electron Build状态的台式机Vue.js应用程序：快速入门：在Vue CLI Plugin Electron Builder可以轻松地构建带有Electron Build状态的台式机Vue.js App桌面。 ：在使用Vue...
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，实现了一个完整的远程更新流程，包括检查更新、下载更新以及自动安装更新。以下将详细介绍这三个组件的功能和实现方式。 **1....
vue-cli-plugin-electron-builder-test
03-27
vue-cli-plugin-电子生成器测试 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
vue+Vue CLI Plugin Electron Builder开发electron应用
sq-web
08-18 3426
文中主要解决的问题： 1、electron下载缓慢。 2、vue add electron-builder执行失败。 3、打包的时候某些包下载不下来。 一、创建一个vue项目 npm create vueTest具体操作和创建vue项目一样，不详细展开。 二、有了vue项目之后需要安装Vue CLI Plugin Electron Builder，但是由于网络原因，建议先在项目安装electron-chromedriver与electron 1、npm install --save-dev electron
vue-cli-plugin-electron-builder创建electron项目以及遇到的问题
weixin_47330679的博客
04-26 2872
文章目录前言一、创建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/.
vue-cli + electron项目如何进行打包
YSJ_chengnan的博客
02-02 1181
vue-cli + electron项目如何进行打包一、安装Electron二、npm install 安装所需依赖三、运行项目四、打包项目 前提条件：安装并应用了vue的脚手架，搭建了一个项目 一、安装Electron 1.1 自定义安装 （不推荐） vue add electron-builder——————（安装electron） 配置选项，选择Electron的版本 ? Choose Electron Version (Use arrow keys) ^4.0.0 ^5.0.0 >
vue-cli项目中使用Electron
weixin_40398599的博客
01-11 3423
在vue-cli项目中使用electron的方法
Electron Builder （vue-cli-plugin-electron-builder） 打包后显示无法找到第三方模块问题解决方案之一
Callback_heaven
01-11 5206
使用的是：Electron Builder 文档为：https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/#installation 正片： 开发完成后打包，由于内部文件引用了electron-log，打包后发现提示Cannot find module，于是开始寻找问题所在： 查看了一些资料后，检查外层的package.json中的dependencies发现很全 "dependencies": { "core-js":
使用vue-cli-plugin-electron-builder打包electron遇到的坑
zjmdeni的博客
12-06 2163
build命令打包后，element-ui所引用的资源被设置为[app:///fonts/...]，导致element-ui的图标加载失败，app://是electron识别的路径，而app://./才是electron的指示请求来源。nodeIntegration选项是用于在Electron应用程序中启用Node.js集成的一个选项，当设置为true时允许在渲染进程中使用Node.js API，包括require()和其他Node.js模块系统的功能。使用vue-cli-service。
Vue.js应用桌面化：快速掌握vue-cli-plugin-electron-builder
使用vue-cli-plugin-electron-builder插件之前，首先需要确保已经安装了Node.js环境，并通过npm或者yarn等包管理工具安装了Vue CLI。创建Vue.js项目后，可以在项目目录下打开终端，执行以下命令来安装并调用该插件：...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值