Error: Electron failed to install correctly, please delete node_modules/electron

今天安装跑项目的时候,出现这个错误❌信息,接下来来记录📝解决过程和拓展。

问题

在install的时候node_modules/electron/中的文件丢失造成程序无法执行。

在安装electron 的时候,一直卡在node install.js不动😭。

翻了墙也不行,于是在 github 上搜索终于找到解决方法,为此记录下来📝。

关了墙也不行。

install.js,里面的下载是依赖于electron-download这个模块。

出于兴趣,跑下electron的官方demo,一直出现Electron failed to install correctly , please delete node_modules/electron and try installing again;困扰了许久。

尝试过重装npm和给npm配置淘宝镜像,都无果之后在github上找到答案。

解决

主要是因为在install的时候 node_modules/electron/ 中文件的丢失造成程序无法执行。对比下图很明显发现少了path.txtdist文件夹。

完整的electron文件:

js 复制代码
// 1.
npm install
// 2.
npm install -g electron-fix
// 3.
electron-fix start
//4.
npm run dev

或用pnpm

electron fix

在遭遇Electron安装失败的情景下,最佳实践是先尝试常规的错误排查步骤,如清除缓存和重新安装依赖。

然而,当标准方法无效时,electron-fix 提供了便捷的补救措施。它的主要应用场景包括初始化新Electron项目或维护现有项目时遭遇安装错误的情况,尤其是当问题难以通过常规途径解决时。

electron-fix 是一个专为解决Electron安装过程中遇到的特定错误而设计的开源工具。

当 Electron 未能正确安装,并提示需删除 node_modules/electron 后重新尝试时,此工具提供了一个简便的解决方案。通过简化重新安装过程,它帮助开发者迅速回到开发轨道上,无需手动清理和重新配置环境。

项目快速启动

要开始使用 electron-fix,请遵循以下步骤:

安装

首先,确保你的系统中已安装 Node.js。然后,可以通过全局安装 electron-fix 来快速获得支持:

js 复制代码
npm install electron-fix -g

运行

安装完成后,你可以立即开始使用它来修复Electron安装问题:

js 复制代码
electron-fix start

或者,如果你想将其集成到你的项目中,可以在项目的 package.json 文件里添加自定义脚本:

js 复制代码
{
  "scripts": {
    "fix": "electron-fix start"
  }
}

随后,通过运行 npm run fix 命令来执行修复操作。

附:切换源命令

js 复制代码
npm config set registry https://registry.npm.taobao.org

npm config get registry
我在构建一个vue项目时,npm install 卡住不动,卡住的地方控制台信息是

reify:rxjs: timing reifyNode:node_modules/listr/node_modules/rxjs
1
原因:文件缓存问题或镜像仓库网络问题

解决方法:

删除项目中的node_modules文件夹和package-lock.json;
在控制台执行下面命令
// 设置淘宝镜像
npm config set registry https://registry.npm.taobao.org 

// 查看配置是否成功
npm config get registry 

// 重新执行 npm install
npm install
相关推荐
zhaoyin19944 分钟前
Fiddler弱网实战
前端·测试工具·fiddler
换日线°1 小时前
前端炫酷展开效果
前端·javascript·vue
夏幻灵2 小时前
过来人的经验-前端学习路线
前端
CappuccinoRose2 小时前
React框架学习文档(七)
开发语言·前端·javascript·react.js·前端框架·reactjs·react router
FFF-X2 小时前
前端字符串模糊匹配实现:精准匹配 + Levenshtein 编辑距离兜底
前端
Hi_kenyon3 小时前
Ref和Reactive都是什么时候使用?
前端·javascript·vue.js
止观止3 小时前
深入理解 interface vs type:终结之争
前端·typescript
css趣多多3 小时前
vue环境变量
前端
RFCEO3 小时前
前端编程 课程十五、:CSS核心基础3:文字+段落样式
前端·css·文字+段落样式·css文本样式·美化页面文本内容·演示动画说明·单行文字垂直居中技
摇滚侠3 小时前
【程序员入门系列】jQuery 零基础入门到精通!Jquery 选择器 API
前端·javascript·jquery