electron-vue从创建到打包的问题记录

妄想成为瘦子的胖子

已于 2022-04-12 15:52:21 修改

阅读量605

点赞数

文章标签： electron vue npm

于 2022-04-11 22:59:24 首次发布

本文链接：https://blog.csdn.net/qq_37325972/article/details/124110984

版权

经过：我直接使用的vue add electron-builder安装的electron，问题就在这里，每次运行npm run electron:serve都会报上述错误，已知说是没有正确下载electron。

解决方法：

1. 首先我将node_model中的electron文件夹删掉

2.安装yarn之后设置淘宝镜像源（最好使用镜像源）

yarn config set registry https://registry.npm.taobao.org

3.使用yarn安装electron

yarn add electron

4.然后运行 npm run electron:serve-------成功！！！

经过：运行npm run electron:build提示失败，一路查询，发现是一个叫nsis-resources3.4.1的文件下载不下来，翻墙的问题。

解决办法：

1.再外面的浏览器把下不下来的文件下下来，比如说我上图中的nsis-resources3.4.1文件，这个时候得注意，需要下载一模一样的文件才行，github好像有高版本的，我下了试过不行。我的下载不下来的文件是在

https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z

直接复制然后粘贴到浏览器去下载。

2.将下载下来的文件放到

C:\Users\(用户名)\AppData\Local\electron\Cache\nsis

这个文件夹中，也就是得出现下图的结构目录

3.再次运行npm run electron:build------显示成功！！！

--------------------------------------------------------------再记一坑

electron v17版本,要设置contextIsolation: false 才能使用require

关注