npm 安装electron网络问题报错解决

当你尝试安装启动electron项目时,时常会遇到一堆报错,尤其是在国内或者🤔️说你没有开🚀代理时,那么接下来的方法特别有用:

electron是什么?

Electron 是一个由 GitHub 开发的开源框架,用于构建跨平台桌面应用程序。它允许开发人员使用常见的Web技术,如HTML、CSS和JavaScript,来创建桌面应用程序,同时利用Node.js来访问底层操作系统的功能。这意味着开发人员可以使用熟悉的工具和技术栈来构建功能丰富的桌面应用程序,而无需学习额外的桌面开发技术。

方法一(大多数情况无效)

请在cmd终端键入如下命令

复制代码
npm config set registry https://registry.npmmirror.com
npm config set electron_mirror https://cdn.npmmirror.com/binaries/electron/
npm config set electron_builder_binaries_mirror https://npmmirror.com/mirrors/electron-builder-binaries/ 

方法二(成功,官方推荐)

可以直接修改Electron 和 Electron Builder 的二进制文件的镜像源

  1. 打开npm配置:npm config edit

  2. 在弹出的文件空白处配置Electron 和 Electron Builder 的二进制文件的镜像源

    electron_mirror=https://cdn.npmmirror.com/binaries/electron/
    electron_builder_binaries_mirror=https://npmmirror.com/mirrors/electron-builder-binaries/

在vs-code命令行中也可以,就像编辑Vim工具一样,按键 i 进入编辑模式,粘贴进去,ESC推出,

输入 :wq 即可

3.安装electron:npm i electron -D

ok ,开始愉快的😀的开发Electron应用吧!

相关推荐
小小小小宇3 小时前
前端 Service Worker
前端
只喜欢赚钱的棉花没有糖4 小时前
http的缓存问题
前端·javascript·http
小小小小宇4 小时前
请求竞态问题统一封装
前端
loriloy4 小时前
前端资源帖
前端
源码超级联盟4 小时前
display的block和inline-block有什么区别
前端
GISer_Jing4 小时前
前端构建工具(Webpack\Vite\esbuild\Rspack)拆包能力深度解析
前端·webpack·node.js
让梦想疯狂4 小时前
开源、免费、美观的 Vue 后台管理系统模板
前端·javascript·vue.js
海云前端5 小时前
前端写简历有个很大的误区,就是夸张自己做过的东西。
前端
葡萄糖o_o5 小时前
ResizeObserver的错误
前端·javascript·html
AntBlack5 小时前
Python : AI 太牛了 ,撸了两个 Markdown 阅读器 ,谈谈使用感受
前端·人工智能·后端