electron+vue打包安装相关问题

最新推荐文章于 2022-09-26 13:34:39 发布
最新推荐文章于 2022-09-26 13:34:39 发布
阅读量218 收藏
点赞数
分类专栏： 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于electron-vue 安装、运行、打包报错踩坑日记
qq_33173954的博客
03-18 1112
测试 12122
(一)Electron开发准备
JimCal
01-15 1067
       在Electron官网有这么一句话：如果你可以建一个网站，你就可以建一个桌面应用程序。这是Electron的强大的地方，之前没了解过，最近试用了一下，感觉还阔以，况且微软的编辑器VS Code都是用它来写的，学它不会错，就开始入门吧，哈哈~~        Electron是由Github开发，用HTML、CSS和JavaScript来构建跨平台桌面应用程序的一个开源库，它基于Ch...
electron + vue-cli4.0+ 环境搭建及打包win、mac
m0_38102288的博客
09-16 706
标题一、搭建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 1318
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 1104
1,首先你得有一个vue-cli 创建的vue项目.我们在vue项目的基础上添加一下插件.就变成了electron项目.如何创建vue项目我这里就不过多赘述了,网上有很多.问题2: 如果打包失败,右键打开项目所在目录,将含有中文的文件夹名改成英文的就可以了,如下图所示。到这里就完成了创建,运行,打包这三步.下篇文章咱们讲讲electron一些常用的基本功能。问题3: 如果打开白屏,找到router,mode的模式改为hash就可以了。第一个是免安装的,直接双击运行就可以,但是需要依赖和它同级的文件。
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+Vue构建的桌面音乐播放器源码.zip
06-15
期末大作业基于Electron+Vue构建的桌面音乐播放器源码。 特性 支持音乐频谱 界面友好，支持皮肤切换 跨平台，可打包Windows、Mac、Linux 良好的架构模式和代码风格 提供支持主流的第三方音乐平台 期末大作业基于...
Electron+Vite+Vue3 模版
05-31
Electron+Vite+Vue3 模版 ，支持web和桌面端打包
Electron自定义软件卸载流程
@不喝海之言@
06-08 6064
@此文章为问题解决方案记录@我碰到一个问题，我的单机程序集成了一个本地数据库，存放本地数据库文件的文件夹存放在用户的也就 这个文件夹中。😂😂所以，问题就来了，我发现，我卸载了这个程序，重新安装之后，程序竟然还能读取到我之前存储的数据，有点不符合逻辑。可是，我在的配置中已经配置了： 注：我这里说的指的是的打包配置，不同框架之间配置的地方不同，比如： 和 的配置地方就不一样。所以，为什么呢？我去看了一下人家electron-build官网的解释，并结合卸载流程来看，原来本身卸载时只管删除程序安装数据文件夹，..
electron打包的exe程序，点击安装却执行了卸载的问题
csx blog
09-23 830
electron打包的exe安装后，在没卸载的情况下，重新点击exe安装，会执行卸载，再点一次才是安装；针对这个问题，我注释了打包里的一个配置，就好了，如下。在window平台下。
解决electron windows应用在删除安装目录后重新覆盖安装失败的问题
weixin_43398820的博客
11-26 4039
一. 背景 electron-builder打包的windows 应用，因为把之前安装好的exe所在的整个目录删掉了，重新覆盖安装时出现安装失败的情况。 二. 解决 方法一 package.json中修改build中的appId的值，重新打包安装 "build": { "appId": "com.net.app" } 方法二 每次打包都要重新修改appId值比较麻烦，可以使用下面的方法删除注册表中的信息，重新安装 "nsis": { "guid.
‘Electron failed to install correctly, please delete node_modules/electron and try installing again‘
MastyJay
04-13 1018
全局安装 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项目使用vue以及打包生成安装程序
秋殇阁
01-30 8513
Electron Forge 是一个用来构建现代化Electron应用的完善的工具。 Electron Forge将多个现有的（ 且有稳定维护的 ）Electron构建工具整合为一个简单易用的工具包，所有人都可以用它来快速地搭建Electron开发环境。 其中forge支持的框架模版可以参考下面的网址： https://electronforge.io/templates 使用yarn安装 e...
electron + vue2.X本地运行及打包遇到的各种版本问题、文件找不到问题汇总
hbjiankely的博客
08-19 3354
electron + vue2.X本地运行及打包 ps: 打包环境为windows 7 基础配置及版本 node版本 node v11.7.0 npm版本 v6.2.0 electron版本 v7.3.3 electron-packager v14.2.0 .NET Framework v4.5 powershell v5.1 ps: 1、node v14版本需要windows 10 2、electron v13.1.9需要node v14以上版本支持 3、electron-packager
vue eslint 配置_electron-vue跨平台桌面应用开发实战教程（一）——Hello World
weixin_39524703的博客
11-22 299
本文将带领大家使用vue-cli + electron-builder构建一个Hello WorldElectron是一个基于Chromium和 Node.js，可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。在开始搭建项目之前，需要安装以下工具node.js1 创建项目1.1 安装vue-cli先查看是否已经安装了vue-c...
Electron 开发入门
热门推荐
GitChat
01-09 2万+
课程亮点 剖析 Electron 从安装到发布的整个流程 如何使用 Git 管理 Electron 应用源代码 如何使用 C++ 开发 Electron 本地模块 知识点 + 示例 + 源代码 课程背景 Electron 允许使用 Web 技术（HTML 5、CSS 3、JavaScript）开发跨平台桌面应用，这对 Web 前端和 Node.js 开发者是一大福音，因为从此又多了一项技能。目...
更新electron的版本
Sobered的博客
06-01 4271
方式1   首先，查看electron的版本 electron -v     发现版本为1.4.13 我们输入如下的cmd来查看 electron系列版本 npm view electron versions 可供更新的版本有如下[部分截图]: 完整可供下载的版本如下： [ '0.1.0', '0.1.1', '0.1.2', '0.2.0', '0.2.1', '0.3.0', '0.4.0', '0.
基于electron-vue 实现打包桌面应用，自动更新，自定义安装目录（实际项目开发记录篇）
qq_40043424的博客
11-04 1852
首先在此感谢两位大佬的博客：vue+electron 打包，自动更新，修改默认安装目录，electron-vue实现自动更新功能 接下来按照项目实践总结如下： 1、 在vue-electron的基础上，创建一个名为electron-demo的项目 //安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli vue init simulatedgreg/electron-vue electron-demo //安装依赖并运行你的程序 cd electron-demo
electron+vue项目打包后出现的iframe跨域
最新发布
09-06
在 Electron Vue 项目中，当我们使用 iframe 标签来嵌入其他网页时，有时会出现跨域问题。这是因为 Electron 应用默认是禁止跨域请求的，为了解决这个问题，我们可以进行以下操作： 1. 在项目的主进程中的 main.js 文件中，添加以下代码来启用跨域请求： ```javascript const electron = require('electron') electron.webContents.allowRendererProcessReuse = true app.commandLine.appendSwitch('disable-features', 'OutOfBlinkCors') ``` 这样，我们就可以解决 electron 的跨域请求问题。 2. 如果还是无法解决跨域问题，我们可以在 vue.config.js 文件中进行配置。在 devServer 配置下增加以下代码： ```javascript devServer: { proxy: { '/api': { target: 'http://localhost:3000', ws: true, changeOrigin: true } } } ``` 这样，在开发环境下，我们将所有以 '/api' 开头的请求都代理到我们指定的 target 地址上，解决跨域问题。 3. 如果以上两种方法都无效，我们还可以在 Electron 的主进程中使用 session 来禁用 webSecurity，代码如下： ```javascript const { app, BrowserWindow } = require('electron') app.on('ready', () => { const mainWindow = new BrowserWindow({ webPreferences: { webSecurity: false } }) }) ``` 这样，我们就可以通过禁用 webSecurity 来解决 Electron 的跨域问题。 需要注意的是，这些解决方法只适用于开发环境和本地调试阶段。在最终打包发布 Electron Vue 项目时，需要遵循 Electron 的安全策略，并且谨慎处理跨域问题，以确保项目的安全性和稳定性。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值