2、electron-vue 编译后运行空白

最新推荐文章于 2024-07-31 17:34:40 发布

诺风丶

最新推荐文章于 2024-07-31 17:34:40 发布

阅读量4.8w

点赞数 1

分类专栏： electron-vue electron-vue 文章标签： electron-vue

本文链接：https://blog.csdn.net/q809198545/article/details/79546203

版权

electron-vue 同时被 2 个专栏收录

13 篇文章 1 订阅

订阅专栏

electron-vue

13 篇文章 9 订阅

订阅专栏

electron-vue开发环境运行正常，打包编译失败
解决办法
在.electron-vue/webpack.renderer.config.js注释如下代码即可

    // nodeModules: process.env.NODE_ENV !== 'production'
    //   ? path.resolve(__dirname, '../node_modules')
    //   : false
    nodeModules: path.resolve(__dirname, '../node_modules')

源码

持续更新ing，觉得有用的小伙伴麻烦给我Star
github & 码云

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

诺风丶

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
2
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）

04-01

本项目利用`electron-vue`、`electron-builder`和`electron-updater`这三款强大的工具，实现了一个完整的远程更新流程，包括检查更新、下载更新以及自动安装更新。以下将详细介绍这三个组件的功能和实现方式。 **1....

vue+electron+vuetify，打包程序空白，解决

hotwa的博客

01-04

2351

这个问题困扰我很久了先附上解决问题的地方环境 win10 vscode编辑器 vue-cli4.1.2 vue-cli-plugin-vuetify2.0.3 vue-cli-plugin-electron-builder1.4.4 bug出现原因：正常使用开发vuetify，使用yarn electron:serve试调程序正常运行。打包解决依赖问题其中打包时遇到...

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

使用electron-packager打包electron-vue项目的一些问题：打包后的应用程序空白、静态资源无法加载

fu_jian_ping的博客

09-30

5402

最近在使用electron-packager打包electron-vue项目时遇到了一些小问题，下面是我的解决方案： 1、打包后的应用程序打开后是空白的：解决方法：在npm run packager之前先npm run build。 2、图片等静态资源无法加载的问题：打包时一般会将静态资源文件放在“打包文件名\resources\app\dist\electron"路径下，若你的静态文件没有复制到这里，那么应用程序将无法找到，即应用程序会在这个文件夹中找静态资源。解决方法：先把静态资源放

electron-vue打包遇到的问题总结

最新发布

qugeshenmominzi的博客

07-31

1235

解决办法：直接在淘宝的文件库下载对应版本和打包平台的文件，下载完成后放在C:\Users\Administrator\AppData\Local\electron\Cache这个目录下下载地址：electron的淘宝镜像地址 https://npm.taobao.org/mirrors/electron/

vue3和electron打包出现页面空白的解决方案之一

2302_79641988的博客

06-22

845

修改完路由模式后，记得把在页面中进行导向的路由路径前加上#号，如window.open(`${window.location.origin}/#/hardcheck`, '_blank');vue使用路由进行开发，vue路由有两种，分别为createWebHashHistory和createWebHistory。当你的打包后的electron应用页面出现空白，可以检查一下你的路由使用的哪一种。一般来说，electron不支持createWebHistory路由。

解决Electron应用中的白屏问题的实用方法

SailingCoder的博客

12-19

4171

在使用Electron构建应用程序时，一些开发者可能会面临窗口加载过程中出现的白屏问题。针对这两个问题，提供了两种实用的解决方法。

electron打包桌面版.exe之vue项目踩坑(vue3+electron 解决打包后首页打开空白，打包后路由不跳转及请求不到后端数据等问题)

qq_21280835的博客

03-27

2397

electron打包桌面版.exe之vue项目踩坑(vue3+electron 解决打包后首页打开空白，打包后路由不跳转及请求不到后端数据等问题)

electron-vue-vite:Electron、vue3、vite2、ant-design-vue2 整合

05-02

electron-vue-vite Electron + vue3 + vite2 + ant-design-vue2 整合 :bug: 已知问题项目打包后仍有问题待解决... 暂时通过集成 webpack 解决打包问题 How and Why 写这个 Demo 项目主要有两个目的 vue@3.x 发布了...

electron-vue-vite-webpack:Electron、vue3、vite2、webpack5、ant-design-vue2 整合

05-17

Electron + vue3 + vite2 + webpack5 + ant-design-vue2 如何和为什么 Vite是未来的脚手架在开发期间使用“拜访”以保持快速启动的优势使用“ webpack”解决包装期间的包装问题命令 npm run dev npm运行构建 ...

electron-vue-template:electron vue 模板

05-08

electron-vue-template 一、项目运行 1. 依赖安装 yarn install # 或者 npm install 2. 开发模式 yarn electron:serve # 或者 npm run electron:serve 3. 生产打包 yarn electron:build # 或者 npm run electron:...

electron-vue-serialport:electron-vue serialport 串口读取

05-24

项目参考项目运行环境1，必须安装nodejsnode下载地址-2，安装node-gypnode-gyp是用来编译c++模块的工具，这里用来编译serialport，node-gyp的github文档-全局安装 npm install -g node-gyp通过命令npm install --...

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

风花一世月

07-04

232

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

时隔 3 年，再次编译 Electron 源码，记录下各种花式错误

我的玻璃盒子

02-04

1183

2020 年 11 月份我曾经发过一篇文章，当时纯粹只是为了体验一下编译过程，没什么实际用途。因为当时公司的产品还在使用 CEF，所以后续就没有继续跟进了。过去一两年的时间，公司的产品已经逐渐从 CEF 过渡开始使用 Electron 了，有些原来在 CEF 上的修改，有些场景可能还是有需要在 Electron 上来修改。所以，最近我又重新编译了一次 Electron。这次的编译比 3 年多那次遇到了更多的问题，这里尽可能逐一记录下来，以便后续参考。这次编译的版本是指定了v20.3.12。

electron-builder 离线打包，以及打包完成白屏问题

wFitting的博客

07-17

3143

electron-builder离线打包这几天帮朋友做个windows上的桌面程序，发现可以使用vue进行开发，最后使用electron进行桌面程序的打包。但是打包的时候遇到了很大的坑，由于网络原因，一直打包不过，在即将崩溃之时，发现了一篇关于使用electron-builder离线打包的博客，最终解决了我的问题。下面我放上这篇博客的地址： https://blog.csdn.net/u010982507/article/details/101236913 打包完成白屏问题解决使用 npm run

electron-vue创建新窗口，以及打开窗口空白的解决办法

qq_30815659的博客

03-17

4651

vue文件内绑定创建新建窗口的事件 @click="openNewWindow" // 元素上绑定使用ipcRenderer 通知主进程创建新窗口，新窗口创建请使用主进程创建，不要在vue文件内创建。利于主进程对窗口的控制。 import { ipcRenderer } from 'electron' openNewWindow(){ ipcRenderer.send('newwindow') }, ipcMain 添加新建窗口事件。请...

【Electron-Vue】构建桌面应用（41）- Electron程序第一次启动时会有短暂的空白页面

chenqk_123的专栏

07-14

2129

使用Electron开发的时候，会发现安装后第一次启动会出现短暂的空白大概是1~3秒不等。起初是以为在创建窗口的时候会去加载html页面，在加上vue组件的渲染，导致在启动的时候会出现几秒的空白页面，然后渲染之后，就能正常显示。之后的下次启动也不会出现这种问题。如果是这样的话，应该是缓存才会出现第二次启动没有空白页面的情况。在github的electron上看到了一个类似的问题，开发者给出的解释是：他认为是Chrome的版本升级导致的问题，然后给出了一个变通的方式去解决这个问题。解决办法就是：创建窗

electron 编译 sqlite3指南

weixin_42333548的博客

10-16

2230

一、准备 sqlite很好用，使用electron开发桌面程序，sqlite编译最容易出错编译sqlite需要提前准备的东西，以及下载的地址： python2.7 下载地址：https://www.python.org/downloads/ 安装完配置环境变量，环境变量配置可自行配置 vs2015,（2015、2017都可以）下载地址：（微软的官网，https://visual...

electron-vue创建项目时常见的问题

初心不改，事在人为

09-17

811

1,为什么运行 npm run dev 之后我的 electron 程序是空白的？简要请确认你没有设置可能篡改 webpack-dev-server 的个人代理。 2,为什么我的 electron 程序显示了文件浏览器？简要你的 src/renderer 包含错误。请检查控制台 (console)，修复错误，然后用 CommandOrControl+R 刷新 electron。详述 ...

electron-vue运行后是空白页面

06-01

如果 electron-vue 运行后出现空白页面，可能是以下原因： 1. 检查你的路由配置是否正确，是否存在默认路由。 2. 检查你的组件是否正确引入和注册。 3. 检查你的模板文件是否正确使用组件标签。 4. 检查你的开发...