Electron踩坑记录

兔子喽

于 2020-10-24 20:45:17 发布

阅读量1k

点赞数

分类专栏： JavaScript 学习记录文章标签： 1024程序员节 electron javascript

本文链接：https://blog.youkuaiyun.com/weixin_43783363/article/details/109265543

版权

这篇博客记录了在开发Electron应用时遇到的挑战，包括安装过程中的网络问题，C++包的rebuild，如何手动和使用electron-rebuild进行编译。还详细讨论了打包过程中的网络超时解决方案，以及在Windows环境下使用electron-rebuild的注意事项。最后，博主分享了解决Electron应用启动时白屏问题的两种策略：在ready-to-show事件触发后再显示窗口，以及设置窗口底色或使用加载占位图。

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

心血来潮想做一个PC端应用，就来学学Electron，以下为学习Electron时的踩坑记录。

安装

在国内安装electron的时候，可能会因为网络原因遇到卡在Building fresh packages...（yarn）或者是卡在node install.js（npm）这一步上。

在项目的根目录下创建.yarnrc或.npmrc然后输入如下内容更改各依赖的源，即可解决该问题。

registry "https://registry.npm.taobao.org"

sass_binary_site "https://npm.taobao.org/mirrors/node-sass/"
phantomjs_cdnurl "http://cnpmjs.org/downloads"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
sqlite3_binary_host_mirror "https://foxgis.oss-cn-shanghai.aliyuncs.com/"
profiler_binary_host_mirror "https://npm.taobao.org/mirrors/node-inspector/"
chromedriver_cdnurl "https://cdn.npm.taobao.org/dist/chromedriver"