vue-cli3+electron出现白屏现象

最新推荐文章于 2024-09-02 10:26:40 发布
原创 最新推荐文章于 2024-09-02 10:26:40 发布 · 2.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#electron #白屏

在使用Electron+Vue-cli3.0开发跨平台应用时，遇到登录后路由跳转出现白屏的现象。问题源于Vue路由使用了history模式，而在Electron环境下不兼容。为了解决这个问题，只需将Vue的路由模式从history改为hash，即可避免路由跳转的白屏问题，确保应用正常运行。

近期使用electron+vue-cli3.0开发了一个跨平台项目，进行登录后路由跳转出现白屏现象，原因在于路由使用了history模式。history模式在electron环境中会出现，路由跳转的白屏现象。因此，需要将histroy模式修改成为hash模式即可解决这个问题。

 
 
Electron-Vue打包应用出现白屏的问题——更正
chenqk_123的专栏
09-09 5786
上次碰到白屏的问题，使用的是package命令去执行后出现的。然后换成build命令去执行，发现执行exe文件不会出现白屏的，程序正常。但是结合业务发现，build之后在build目录下存在一个unpackage的项目，意思就是未打包，而且打包之后的程序应该是双击即可打开的文件，而不是需要安装的文件，安装的话会产生对应的安装包，而package应该是在安装程序之后的，也就是先安装之后才会有package的文件。 这么一梳理发现，现在要做的打包，应该是package而不是build，应该先把程序packa
electron + vue3 + ts 打包后安装打开白屏解决
如需咨询可联系我，V：chen2318341674
09-14 2313
electron + vue3 + ts 打包后安装打开白屏解决
electron 启动白屏--但是没有报错信息的问题解决
qq_39016177的博客
09-02 1225
electron 启动白屏--但是没有报错信息的问题解决
electron打包后运行出现白屏并“需要使用新应用以打开此app链接”
黔肆的博客
05-17 2164
electron打包之后应用无法正常显示主页，弹出“需要使用新应用以打开....”,出现该情况的原因与BrowserWindow的一项设置有关。
解决Electron应用中的白屏问题的实用方法
SailingCoder的博客
12-19 6982
在使用Electron构建应用程序时，一些开发者可能会面临窗口加载过程中出现的白屏问题。针对这两个问题，提供了两种实用的解决方法。
vue3+ts+vite+electron搭建桌面应用
Bennett_G博客
04-04 2106
提示：开发桌面应用，就不得不提Electron ，之前使用vue+electron ,官方提供了Vue CLI Plugin Electron Builder,但是也只能使用了vue-cli(而且使用vue-cli-electron-builder构建，发现最新版本也才13,Electron最新版本都23了😅😅😅),随着vite的崛起以及ts,我们也需要与时俱进不是吗😃😃😃ts: ^4.9.3。
vue-cli-service electron:serve
03-22
好的，我现在需要帮助用户解决如何使用vue-cli-service运行electron:serve进行开发的问题。用户可能遇到了问题，比如错误提示或者配置上的困难。首先，我得回想一下Vue CLI结合Electron的常见配置步骤。 根据之前的...
超详细！！！electron-vite-vue开发桌面应用之Electron Forge打包项目（三）
qq_43206280的博客
08-14 1768
这个报错信息表明你正在使用的 forge.config.js 文件被当作一个ES模块文件处理，因为它是一个.js扩展名的文件，并且在文件内部使用了ES模块的语法（例如 import, export 等）如果你想要 forge.config.js 被当作CommonJS模块处理，你可以将文件扩展名改为 .cjs，Node.js 会默认将。这里直接将forge.config.js改为forge.config.cjs,再次运行npm run start，打开出现白屏。.cjs 文件作为CommonJS模块处理。
electron-forge vue3打包后白屏
最新发布
05-07
嗯，用户现在的问题是使用Electron Forge配合Vue3打包后出现白屏。首先，我需要回忆一下Electron和Vue3结合时常见的白屏问题可能的原因。根据之前提供的引用内容，白屏可能和资源加载路径、依赖缺失、进程通信配置...
记Mac运行Electron项目一片空白问题[electron、vuecli2、webpack、blank]
蓝色黄梅天的博客
12-13 1843
Mac electron npm run dev 白屏
解决 Electron + React 白屏
RGBBB的博客
12-23 2212
解决 Electron + React 白屏
electron部分电脑白屏问题
u013896513的博客
12-08 953
GPU加速渲染意味着使用GPU用于合成。这也就意味着帧必须从GPU拷贝过来，从而需求更多的资源，因此这会比软件输出设备更慢。这种模式的优点是支持WebGL和3D CSS动画，but很多老旧电脑GPU硬件不给力，因此需要禁用掉GPU和硬件加速，使用软件输出设备在 CPU 中渲染，帧生成的速度要快得多，此模式优先于 GPU 加速模式。
electron应用启动后出现白屏，移动窗口大小后恢复
愿天下没有bug
06-01 5644
有个项目使用的是electron+vue的开发方式，由于渲染进程加载过慢，所以启动时是先弹窗Loading页面提示正在加载中，待加载完成后在mounted()中发送指令到主进程来进行以下操作 1、关闭Loading进程 2、显示主渲染进程窗口 之后发现这样会使主页面显示之后偶发出现空白，或者页面卡住不动的情况
electron创建窗口时出现2秒的白屏怎么办
qq_42931285的博客
09-03 649
electron创建新窗口
electron启动出现短暂的白屏
一片天空
09-17 2522
mainWindow = new BrowserWindow({ height: 600, width: 960, frame: false, minWidth: 710, minHeight: 500, offscreen: true, webPreferences: {webSecurity: false}, resizable: true, skipTaskbar: false, flashFrame: true, ...
electron启动时出现短暂白屏与黑屏问题
weixin_39457424的博客
11-23 2614
白屏问题 创建窗口时 show: false，等到初始化完成后再显示 app.on('ready', () => { mainWindow = new BrowserWindow({ frame: false, show: false, // 先不显示 }) mainWindow.loadFile('index.html') // 加载html页面 mainWindow.on('closed', () => { mainWindow = null })
vite+vue3+electron踩坑记录ipcRenderer通信，vue-router打包白屏问题
lazy_why的博客
04-28 1727
这里面一开始我使用import引入electron一直运行无效，也没有报错，问了GPT说路径如果没错,可能语法不支持，使用require之后成功。原因：使用了history路由，把createWebHistory改成createWebHashHistory，使用hash路由。二、窗口头部太难看了，隐藏掉窗口头部和菜单栏之后无法关闭程序，只能使用ipcRenderer和主进程通信关闭程序。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

住在河边的程序猿

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值