您现在的位置是:首页 >技术教程 >electron探索网站首页技术教程

electron探索

_鹿鹿鹿 2024-09-15 12:01:03
简介electron探索

windows上使用electron-builder打包

网络问题参考:electron-builder打包过程中报错——网络下载篇_wincodesign-2.6.0.7z_程序边界的博客-CSDN博客

linux上使用electron-builder打包

1. 需要的包因为网络问题下不下来

遇到fpm1.9.3-2.3.1-linux-x86在github上下载不下来,在github上下好包以后要解压到~/.cache/electron-builder/fpm/fpm1.9.3-2.3.1-linux-x86目录下面(fpm1.9.3-2.3.1-linux-x86就是解压后的文件夹名)

2. 打好以后打开的程序白屏

1)问题一:not allowed to load local resource app.asar/build/index.html

解决:原因是build包没打进asar里面,package.json里面build增加一个"files",因为我的electron的入口文件放在electron文件夹下面,所以要在这里引入。这个的作用感觉就是自己指定打哪些包,没加的时候是读的package.json配置的"main": "electron/main.js"。没加这个的时候能找到main.js,只加了./build后,找不到main.js

"build": {
"appId": "myledgerapp",
"extends": null,
// 下面的为增加的
"files": [
  "./build/**/*",
  "./electron/**/*"
]}

2)问题二:electron-builder failed to load resource: net::ERR_FILE_NOT_FOUND

问题一解决了,又来了问题二,配置webpack解决

在craco.config.js里面webpack -> configure -> webpackConfig.output -> publicPath:'./'

变成相对路径

3)问题三:Navigated to chrome-error://chromewebdata/

这个问题是在首页跳转到登录页出现的,排查了代码,发现是之前loadURL是用的localhost:3000/#/login,现在的host不是这个了

风语者!平时喜欢研究各种技术,目前在从事后端开发工作,热爱生活、热爱工作。