electron
DLGDark
生活不止眼前的枸杞,还有热水~
展开
-
electron-vue框架的替代开源框架electron-vue-new
本框架作为弃用 electron-vue 框架的最新替代品,electron-vue弃用原因:框架作者长时间没更新,一些东西已经老旧,项目工程结构也不一样,使用起来问题很多故此,本人自行使用当前最新版本electron,结合vue2独立搭建的electron桌面版框架使用electron v28.2.7+vue2+cli4 构建的electron桌面版项目模板使用的node版本为v18.19.0,项目中自带vue-Tools功能。原创 2024-03-27 17:30:59 · 1292 阅读 · 2 评论 -
electron项目中实现视频下载保存到本地
electron下载视频保存到本地,dialog.showOpenDialog,app.getPath原创 2024-07-18 10:22:33 · 587 阅读 · 0 评论 -
electron-vue中报错 Cannot use import statement outside a module解决方案(亲测有效!!!)
错误: Cannot use import statement outside a module(不能在模块之外使用导入语句)。原因: 安装的某个依赖包里使用了import语法,因为我们打包输出的是commonjs规范,所以不识别import语法而导致报错。可以从 .electron-vue/webpack.renderer.config.js目录文件中看到如下一段代码:上面图示中代码就可以看出打包输出的目标文件为commonjs规范,对es2015规范中import语法不识别。解决方案: 使用webpac原创 2022-12-07 16:35:34 · 10306 阅读 · 0 评论 -
electron在线升级更新的两种方式(整体更新和部分更新)及我是如何实现electron在线升级热更新功能的?(企业级项目已上线)
这篇主要以讲解部分资源在线热更新的实现为核心,electron自带的整体更新的实现较简单,简单说一下即可,如有疑问点的可以自行查阅相关资料或在下面留言给我即可一.electron的在线升级更新方式都有哪些?1. electron自带的整体更新方式这种方式为electron官方的升级更新方式,主要是通过主进程中的autoUpdater模块进行检测升级更新的,此方式也是大家常见的大多数electron应用程序的更新方式。不过,此方式有一个瑕疵就是,每次更新都是整体更新软件,安装包资源比较大,下载安装.原创 2022-03-24 15:48:00 · 7379 阅读 · 0 评论 -
electron-vue通过修改配置来打包win32位和win64位不同位系统的安装包(亲测有效~)
项目package.json中:"win": { "icon": "icons/icon.png", "target": [ "nsis" ]},修改为:"win": { "icon": "icons/icon.ico", "target": [ { "target": "nsis", "arch": [ // 这个意思是打出来32 bit + 64 bit的包。这样打包出来的安装包体积比较大,建议直接打32的安装包。 "原创 2022-03-18 14:53:58 · 4634 阅读 · 3 评论 -
在electron-vue项目中使用websocket和vue中的provide及inject实现在线离线状态的检测
实现思路:先通过在APP.vue根组件中去全局创建websocket连接到服务器,通过服务器推送的那内容来区分在线或离线,拿到内容并判断出状态后,再通过provide和inject通信方式将状态值传送到需要显示在线或离线状态的页面组件中并显示即可。官方文档:provide / inject引用提示:provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而,如果你传入了一个可监听的对象,那么其对象的 property 还是可响应的。核心代码:APP.vue根组件://APP.原创 2022-03-09 18:23:11 · 3577 阅读 · 0 评论 -
electron-vue中elementui在有数据情况下table表格显示空白问题(已解决!)
解决方案:在 .electron-vue目录下找到webpack.renderer.config.js文件,修改为下面一行代码:添加element-ui到白名单:let whiteListedModules = ['vue'] => let whiteListedModules = ['vue', 'element-ui']再重新运行项目,即可看到成功效果。...原创 2021-04-09 17:09:28 · 3098 阅读 · 2 评论 -
electron-vue中的路由跳转路径解析path.resolve结果与在浏览器中的web项目解析结果不一致问题解决办法!
在普通web项目中:console.log(this.basePath); // '/menuMg'console.log(routePath); // 'index'console.log(path.resolve(this.basePath, routePath)); // '/menuMg/index'在electron项目中:console.log(this.basePath); // '/menuMg'console.log(routePath); // 'index'原创 2021-04-09 16:30:29 · 2429 阅读 · 4 评论 -
electron-vue中加载render文件夹下的图片资源在开发环境下加载失败解决方案(亲测有效!!!)
原有的正常项目中的写法(在开发环境下加载会失败):<img :src="userInfo.companyLogo ? userInfo.companyLogo : '../../../assets/images/baseImg/companyLogo.png' " class="company-logo" />修改后的代码:<img :src="userInfo.companyLogo ? userInfo.companyLogo : img_companyLogo" class=原创 2021-04-09 12:03:12 · 1446 阅读 · 2 评论 -
electron v12.x.x版本报错process is not defined,Cannot read property ‘app‘ of undefined
Uncaught ReferenceError: process is not definedUncaught ReferenceError: require is not definedUncaught ReferenceError: module is not defined原创 2021-03-16 13:47:46 · 2275 阅读 · 2 评论 -
electron-vue在开发环境中跨域请求代理配置(亲测有效!!!)
文件位置:项目 .electron-vue——dev-runner.js,添加proxy即可,target换成自己项目的请求地址即可。直接上代码:const server = new WebpackDevServer( compiler, { contentBase: path.join(__dirname, '../'), quiet: true, + proxy: { + // 配置整个项目请求代理,不用区分原创 2020-10-16 17:40:44 · 5422 阅读 · 17 评论