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

本章完!

相关推荐
她似晚风般温柔7892 小时前
Uniapp + Vue3 + Vite +Uview + Pinia 分商家实现购物车功能(最新附源码保姆级)
开发语言·javascript·uni-app
Jiaberrr3 小时前
前端实战:使用JS和Canvas实现运算图形验证码(uniapp、微信小程序同样可用)
前端·javascript·vue.js·微信小程序·uni-app
everyStudy3 小时前
JS中判断字符串中是否包含指定字符
开发语言·前端·javascript
城南云小白3 小时前
web基础+http协议+httpd详细配置
前端·网络协议·http
前端小趴菜、3 小时前
Web Worker 简单使用
前端
web_learning_3213 小时前
信息收集常用指令
前端·搜索引擎
Ylucius3 小时前
动态语言? 静态语言? ------区别何在?java,js,c,c++,python分给是静态or动态语言?
java·c语言·javascript·c++·python·学习
tabzzz3 小时前
Webpack 概念速通:从入门到掌握构建工具的精髓
前端·webpack
200不是二百3 小时前
Vuex详解
前端·javascript·vue.js
滔滔不绝tao4 小时前
自动化测试常用函数
前端·css·html5