Electron+Vue的环境配置

最新推荐文章于 2025-04-11 23:35:37 发布

原创最新推荐文章于 2025-04-11 23:35:37 发布 · 447 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#electron #vue.js #javascript

小鹿的Debug之旅专栏收录该内容

1 篇文章

订阅专栏

文章讲述了在使用Electron和Vue构建项目时遇到的两个主要问题：一是由于网络问题导致的electron-builder安装失败，通过修改npm源至淘宝镜像解决；二是Node.jsv17中OpenSSL3.0引起的错误，通过降级Node.js版本至v16.9或使用--openssl-legacy-provider参数解决。作者建议在搭建环境前考虑使用Node.jsv16.9。

1.第一个坑是网络问题，装electron的包装不上，提示网络问题，源换了无数次，tz开了关关了开仍然不行。最后找出了解决办法。
(165条消息) 使用原生vue搭建electron常见报错_barzar的博客-CSDN博客
我遇到主要问题是
vue add electron-builder的时候他不能正常运行，提示网络错误，其大体的解决方案为npm config edit然后在这里面添加下面代码。

electron_mirror=https://npm.taobao.org/mirrors/electron/
electron-builder-binaries_mirror=https://npm.taobao.org/mirrors/electron-builder-binaries/

完美解决，以后装electron的包也很方便，归根结底还是换源其实。

2.然后装完后又遇到了第二个问题，运行的时候给我报错this[kHandle] = new _Hash(algorithm, xofLen);查询发现是node.js的新版本的问题，node.js V17版本中最近发布的OpenSSL3.0, 而OpenSSL3.0对允许算法和密钥大小增加了严格的限制，可能会对生态系统造成一些影响。
解决方法有两个一个降级另一个是在运行前加上SET NODE_OPTIONS=--openssl-legacy-provider其大致意思为运行的时候设置NODE_OPTIONS的路径，设置完后便可以运行了？吗？
并没有，弹出一个信息electron: --openssl-legacy-provider is not allowed in NODE_OPTIONS找了一圈后发现他们的答案是取消配置NODE_OPTIONS，额。
在微软的社区发现了一个已经解决的答案，彻底让我放弃折腾的心，他的解决方案是降级node.js，没办法降级，然后降级到node.js 16.9便好了。
大致就是遇到了这两个坑。如果看到这篇文章，我建议装electron+vue的环境前可以先考虑一下，或许…装个node.js 16.9？

新人第一次写文章，可以点个赞的话是极好的。