electron整合react入门（踩坑）记录（1）

最新推荐文章于 2025-06-09 09:31:28 发布

原创

最新推荐文章于 2025-06-09 09:31:28 发布 · 2.9k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#electron

本文记录了作者在尝试使用Electron整合React过程中遇到的困难，包括npm安装 electron 的速度问题，解决npm镜像配置问题，以及ELECTRON_MIRROR的设置。在解决问题的过程中，作者提醒读者遇到问题时要多查阅资料。此外，还提到了在Chrome浏览器中遇到的样式问题，通过调整内容设置解决了图片上传的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 前言

之后的工作会涉及到用electron，所以就先玩了一下官方demo

https://github.com/electron/electron-quick-start

下载项目到本地，然后和很多node项目一样，执行npm install->npm start即可。

然后发现下载electron速度巨慢，于是乎开始设置淘宝镜像： npm config set registry https://registry.npm.taobao.org

设置完了之后抱一大堆错：Install fail! RequestError: getaddrinfo ENOTFOUND cdn.npm.taobao.org cdn.npm，还有各种各样的错误，想起个官方demo怎么这么难。

2. 配置npm

使用npm config list查看了自己的配置，发现ELECTRON_MIRROR设置错了，于是乎重新设置使用 npm config set ELECTRON_MIRROR http://npm.taobao.org/mirrors/electron/ 设置成淘宝的库，设置之后配置如下

metrics-registry = "http://registry.cnpmjs.org/"
scope = ""
user-agent = "npm/5.5.1 node/v9.2.0 win32 x64"

; userconfig C:\Users\63457\.npmrc
ELECTRON_MIRROR = "http://npm.taobao.org/mirrors/electron/"                //重点
disturl = "https://npm.taobao.org/mirrors/node"
electron_mirror = "https://npm.taobao.org/mirrors/elect