Electron安装踩坑：卡在 node install.js 以及 “Electron failed to install correctly”

Electron安装踩坑: 卡在node install.js走不动，怎么解决？安装完了，但是运行报错重装了也不行怎么办？

这篇文章就简单和大家说说初时 Electron 踩的两个坑

最近由于疫情，只能“赋闲在家”，除了查看毕业设计相关题目的论文和资料，就是在 Internet 上冲浪，无意中看到了 Electron 的相关文章，也让我想起了之前写桌面程序的一些旧事，想当年我写桌面端的时候，初中用过易语言，高中老师教了 VB，我是一样都...

好了扯远了，咱回来说Electron，它是一个可以让你通过使用 JavaScript, HTML 以及 CSS 就可以开发跨平台桌面应用的工具，比如说，微软的 VSCode 就是Electron开发的，那这么厉害，肯定要搞一搞了，这里我就和大家聊聊安装时不得不说的步骤：

如何安装 Electron

1. Node.js 环境：这个可以直接去官网下载，而后按步骤安装即可
2. 设置 npm 的镜像源
   推荐使用 nrm（一个 NPM 源管理器，允许你快速地在如下 NPM 源间切换）进行操作，使用 npm install -g nrm 安装 nrm 工具而后，查看镜像源: nrm ls，其中*标识的是目前使用的镜像源

nrm ls
-------------

* npm ---- https://registry.npmjs.org/
  cnpm --- http://r.cnpmjs.org/
  taobao - http://registry.npm.taobao.org/
  eu ----- http://registry.npmjs.eu/
  au ----- http://registry.npmjs.org.au/
  sl ----- http://npm.strongloop.com/
  nj ----- https://registry.nodejitsu.com/

我们再将其转化为 taobao 的镜像源: nrm use taobao，淘宝的镜像源更快。

3. 安装 Electron npm install -g electron

注意 这里问题就来了，它会一直卡在 node install.js 不走，这时我们还需要编辑 ~/.npmrc 加入下面内容：

registry=https://registry.npm.taobao.org
sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

而后就可以安装了，但是在启动项目的时候碰到了另一个问题。

Electron failed to install correctly, please delete node_modules/electron and try

这个问题，我在网上查了很久，也删除了 electron 重新安装，但是仍无济于事，而后我降低了安装的版本，因为默认安装的是最新版本，我安装了以前的 6.0 版本 npm install -g electron@6.1.1，才解决了问题，并且成功的运行了项目。

ps: 鼠标坏了真的难受...

喜欢 (2) 赏

[欢迎投币]

分享 (0)