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 指令。

本章完!

相关推荐
Bigger6 小时前
shadcn-ui 的 Radix Dialog 这两个警告到底在说什么?为什么会报?怎么修?
前端·react.js·weui
MrBread6 小时前
突破限制:vue-plugin-hiprint 富文本支持深度解析与解决方案
前端·开源
用户4099322502126 小时前
Vue3中v-if与v-for为何不能在同一元素上混用?优先级规则与改进方案是什么?
前端·vue.js·后端
与兰同馨7 小时前
【踩坑实录】一次 H5 页面在 PC 端的滚动条与轮播图修复全过程(Vue + Vant)
前端
全栈技术负责人7 小时前
前端架构演进之路——从网页到应用
前端·架构
T___T7 小时前
React Props:从基础使用到高级组件封装
前端·react.js
汉堡大王95277 小时前
React组件通信全解:父子、子父、兄弟及跨组件通信
前端·javascript·前端框架
霍理迪7 小时前
CSS继承,优先级以及字体样式
前端·css
LeeHK7 小时前
在项目中调试vue2源码,watch,nextTick执行顺序梳理
前端
爱敲点代码的小哥7 小时前
json序列化和反序列化 和 数组转成json格式
java·前端·json