Windows安装electron卡住报错的问题

这里写自定义目录标题

先说配置

操作系统:Windows 11

Electron 版本:^28.1.0

node 版本:v20.12.0

npm 版本:10.5.0

安装electron卡住报错的问题

之前在 Mac 中开发一半的 Electron 项目,今天迁移到了 Windows 系统,在执行 npm i 时,Electron 的下载时不时的都要卡在某个位置,或者报错。

大致遇到以下问题:

bash 复制代码
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node install.js
npm ERR! RequestError: read ECONNRESET
bash 复制代码
npm ERR! command C:\Windows\system32\cmd.exe /d /s /c node install.js
npm ERR! RequestError: socket hang up
bash 复制代码
reify:@types/node: timing reifyNode:node_modules/global-agent Completed in 200ms

问题解决过程

过程。。。一言难尽!

搜索到的博客基本上都是说要配置 electron_mirror 的问题,但大多都是一句指令,给的解决方案并不详细。

一通摸索之后,发现一个有效的解决方案。

直接上方案

先说根本原因:Electron 的安装并不依赖本地npm中registry所配置的镜像,需要增加名称为electron_mirror的镜像源

没错,以上所有的问题都是这个 镜像源 的问题!

唉!我就是一直纠结于修改 npm 的镜像源了,耽误了老长时间!

解决方法,找到 .npmrc 文件,添加以下内容即可:

bash 复制代码
electron_mirror=https://npmmirror.com/mirrors/electron/

我的 .npmrc 文件路径:C:\Users\Administrator。贴出来供大家参考。

完成以上设置之后,再在我的项目中执行 npm install 然后就 OK 了!

提醒

我是在已有项目中加载 electron 时出问题了,因此,我在配置好 .npmrc 文件之后,使用的是 npm install 指令。

本章完!

相关推荐
念九_ysl5 分钟前
前端循环全解析:JS/ES/TS 循环写法与实战示例
前端·javascript·typescript
anyup_前端梦工厂2 小时前
了解几个 HTML 标签属性,实现优化页面加载性能
前端·html
前端御书房3 小时前
前端PDF转图片技术调研实战指南:从踩坑到高可用方案的深度解析
前端·javascript
2301_789169543 小时前
angular中使用animation.css实现翻转展示卡片正反两面效果
前端·css·angular.js
风口上的猪20154 小时前
thingboard告警信息格式美化
java·服务器·前端
程序员黄同学4 小时前
请谈谈 Vue 中的响应式原理,如何实现?
前端·javascript·vue.js
爱编程的小庄5 小时前
web网络安全:SQL 注入攻击
前端·sql·web安全
宁波阿成5 小时前
vue3里组件的v-model:value与v-model的区别
前端·javascript·vue.js
柯腾啊5 小时前
VSCode 中使用 Snippets 设置常用代码块
开发语言·前端·javascript·ide·vscode·编辑器·代码片段
Jay丶萧邦5 小时前
el-select:有关多选,options选项值不包含绑定值的回显问题
javascript·vue.js·elementui