electron-vite 安装, 打包下载资源失败,设置国内镜像 由于electron默认打包会从github上下载相关二进制包,众所周知,国内GitHub访问是相当慢的,所以经常会出现下载失败导致打包不成功,这时我们就需要配置国内的镜像源,以解决从GitHub下载慢甚至无法下载的问题。 修改npm配置文件(没有就创建): npm的配置文件为用户根目录下...
1,静态资源存放路径 要在src下的renderer目录下新建public, 其他新建文件夹也都放在第一层的src下和renderer同级 2,引用静态资源的路径 引用路径要引用out文件夹下的路径, out是打包前 和 本地开发的资源路径, 会把public下面的打包过来 3,打包后,mac 下无法识别 shell 命令 报错提示bin/sh: node: command not...
9. Electron打包失败问题 (1) 大概率是因为网络问题,下载失败 (2) 将electron-v20.0.0-win32-x64.zip放入electron的cache缓存中就可以了
// 指向渲染进程目录 base: './', // index.html 中静态资源加载位置;如 src="./index.js" build: { outDir: '../../dist/renderer', assetsDir: '', // 这个要格外小心,使用默认的 assets 会导致在 Electron 打包后基于 file:// 加载文件失败 rollupOptions: { output: { format: 'cjs', //...
4. 打包exe 执行npm run build:win就会开始打包,打包前会从github下载必要的3个资源文件,这三个文件虽然不大,但是大概率要下载失败,所以手动点击报错信息上的网址手动下载下来。 winCodeSign-2.6.0.7z nsis-3.0.4.1.7z nsis-resources-3.4.1.7z 下载下来以后,将他们拷贝到C:\Users\[your name]\AppData\Local\...
我们经常会打包失败,很大部分原因就是因为资源下载不下来,可能是由于国内的网络环境,建议大家多试几次,比如出现下面这种问题: 打包完成后,我们只需要安装生成出来的exe文件即可,非常简单。 8.主进程与渲染进程通信 为了方便我们主进程与渲染进程的通信,我们借助vueuse插件库中的一个插件@vueuse/electron来简化我们的工...
之前我用vue+vite写的一个前端,使用axios的时候设置了前端的通信端口是localhost:3000,用文章方法打包成桌面端后,打开使用axios的时候还是回去访问localhost的ip,然后访问失败。我在查看端口号时发现打包后的项目没有开启3000端口,再npm run dev运行前端打开3000端口的时候,打包后的桌面端才可以正常使用,这问题怎么解决...
console.log('\x1b[31m', '打包失败,错误信息:', error); exit(1); }); 2 changes: 1 addition & 1 deletion 2 apps/electron/src/index.ts Original file line numberDiff line numberDiff line change @@ -10,7 +10,7 @@ if (!isSingleInstance) { app.quit(); process.exit(0); } app...
执行npm run electron:build成功后, 可以在app_dist目录下找到打包后的文件, 可以直接运行或安装。 更多配置可以查看: 制作icon图标 electron打包配置 打包大小优化 简介 前端采用 vue3 + ts + vite + electron + element-plus + socket-io + webrtc, 后端使用 express + socketio + mongodb。实现桌面端的即...