electron打包后运行出现白屏并“需要使用新应用以打开此app链接”

最新推荐文章于 2025-04-23 15:30:21 发布

阿月71

最新推荐文章于 2025-04-23 15:30:21 发布

阅读量271

点赞数 3

文章标签： electron javascript 前端

本文链接：https://blog.youkuaiyun.com/yinmingyue1999/article/details/143601323

版权

	// 加载初始化页面
	const loadPage = process.env.WEBPACK_DEV_SERVER_URL 
		? winMain.loadURL(process.env.WEBPACK_DEV_SERVER_URL) 
		: winMain.loadURL("app://./index.html");

将winMain.loadURL("app://./index.html");改为winMain.loadFile("./index.html");

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

阿月71

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

采用Cursor开发，Electron 打包后界面空白问题排查过程记录

Small world

01-04

575

采用cursor 开发了一个网站之后，页面调试都运行正常，终于以为大功告成的时候，使用 election 打包，结果界面一片空白显示不出来。让cursor 自我排查了好几遍，最终都没有解决问题。最后，我将这个问题问了kimi。下面是kimi 给出的回复。登录后复制 Electron 打包后界面空白的问题可能由多种原因引起...

Electron-Vue打包应用出现白屏的问题——更正

chenqk_123的专栏

09-09

5619

上次碰到白屏的问题，使用的是package命令去执行后出现的。然后换成build命令去执行，发现执行exe文件不会出现白屏的，程序正常。但是结合业务发现，build之后在build目录下存在一个unpackage的项目，意思就是未打包，而且打包之后的程序应该是双击即可打开的文件，而不是需要安装的文件，安装的话会产生对应的安装包，而package应该是在安装程序之后的，也就是先安装之后才会有package的文件。这么一梳理发现，现在要做的打包，应该是package而不是build，应该先把程序packa

参与评论您还未登录，请先登录后发表或查看评论

electron打包后白屏问题

fanhenghui的专栏

05-28

459

原来是route文件写法问题，要用hash路由。

electron-builder 打包exe后白屏

qq_33435149的博客

12-29

2611

项目用的是An Electron application with Vue3 and TypeScript。Unable to load preload script翻译后：无法加载预加载脚本。Debug运行项目没问题，可以显示页面。

electron打包后起打开是白屏

weixin_48683052的博客

03-30

2859

首先：ctrl+shft+i调出程序控制台，看报错。

Electron-vueda打包EXE文件，打开后白屏

chenqk_123的专栏

09-08

6744

最近在调研electron的时候，需要将前端项目打包成.exe文件，本地跑npm run dev，一切运行正常。之前没有搞过electron，就在网上搜索了一下打包，网上最多的就是关于package.json中scripts下配置package命令 "package":"electron-packager.HelloWorld--platform=win32--arch=x64--icon=computer.ico--out=./out--asar--app-version=0....

使用Electron将HTML项目打包为桌面应用exe文件

coca_cola_1105的博客

04-19

3016

后端的java项目好像是前后端不分离的那种，前端基础环境需要node和npm。 ① 进入需要打包的项目文件夹中，打开cmd进入该目录。快捷键 win+r 输入cmd 进入默认在c盘目录输入 d: 进入d盘再输入dir查看目录文件 cd文件名进入。 ② npm init 项目中会多出一个package.json文件，以下是默认内容： { "name": "needle-server", "version": "1.0.0", "description": "", "main": "ind

解决 Electron + React 白屏

RGBBB的博客

12-23

2126

解决 Electron + React 白屏

electron打包运行白屏、Can not find modules ‘xxx‘，Dynamic Linking Error等问题

喂_balabala

05-09

3568

需要注意的是，dependencies和devDependencies之间的区别只是在打包和安装应用程序时的行为不同，但它们都是用来声明应用程序所依赖的npm包的。当开发人员使用npm安装应用程序时，这些依赖包会被一起安装。

electron+vue本地运行正常,打包后白屏

风花一世月

07-04

435

一般是配置问题查询路由是否添加*条件 { path: '/:pathMatch(.*)', redirect: '/' },

electron 打包后的 exe 文件，运行后是空白窗口

weixin_64684095的博客

01-13

1744

在 Electron 应用中，若`loadFile`或`loadURL`方法指定的页面路径或 URL 错误，就无法正确加载页面，导致窗口空白。

vue+electron打包成桌面应用以及遇到的一些问题（白屏）

a1783118的博客

11-04

7404

vue+electron打包成桌面应用以及遇到的一些问题（白屏）

Electron打包的桌面应用程序，运行中程序黑屏、白屏等渲染进程崩溃问题解决

青清一水澈

03-17

9761

Electron打包的桌面应用程序，运行中程序黑屏、白屏等渲染进程崩溃问题解决

electron + vue3 + ts 打包后安装打开白屏解决

如需咨询可联系我，V：chen2318341674

09-14

2122

electron + vue3 + ts 打包后安装打开白屏解决

Electron Builder 打包出现白屏

东东的博客

02-12

3295

测试运行正常，打包出现白屏是路由问题首先查看package.json文件下vue-router版本修改路由模式 … // vue-router 4.x const router = createRouter({ history: process.env.IS_ELECTRON ? createWebHashHistory(process.env.BASE_URL) : createWebHistory(process.env.BASE_URL), }); … … vue-router 4.0 以下 co

electron-vite +vue3+vue-ruter 打包后报错/白屏问题

最新发布

qzkgq的博客

04-23

216

白屏问题（改成createWebHashHistory就正常了）报这个错误的时候尝试使用管理员启动vscode。

electron打包内容显示空白问题

qq_72311291的博客

03-29

1499

打包成桌面端的时候会显示空白，只需要把打包dist文件的路径改成相对路径就可以了。publicPath: '/',改成 publicPath: './',

electron白屏方案，已成功

陌子曦的专栏

11-25

5706

白屏解决

electron打包后运行白屏

05-14

可能是因为打包后的 Electron 应用无法正确加载应用程序的 HTML、CSS 和 JavaScript 文件。你可以尝试以下步骤来解决这个问题： 1. 确认打包后的应用程序包含了正确的文件。你可以检查应用程序的文件结构是否与源代码中的一致。 2. 检查应用程序的入口文件是否正确。确保应用程序的主入口文件（如 main.js 或 index.js）正确地加载了应用程序的 HTML 文件。 3. 确认应用程序的 HTML 文件中引用的 CSS 和 JavaScript 文件的路径是否正确。如果文件路径不正确，应用程序将无法加载这些文件。 4. 如果应用程序使用了 Node.js 模块，确保这些模块在应用程序中正确地加载。你可以使用 Electron 提供的 `require` 函数来加载这些模块。如果你仍然无法解决问题，可以尝试在控制台中查看应用程序的错误信息，以获取更多的帮助。