
Electron
Electron学习
我的名字豌豆
专注前端开发,懂一些Go啦~
展开
-
electron-vue结合highcharts实现数据可视化
electron实现数据可视化 这里我们主要介绍elctron-vue结合highcharts实现数据可视化,在这里给贴出传送门highcharts在github中的地址npm下载在这里插入代码片原创 2020-10-20 16:55:41 · 3678 阅读 · 1 评论 -
electron踩坑之element-ui中el-table不显示
问题 在electron-vue的项目中引入element-ui中的el-table组件,其组件不显示。解决找到.electron-vue文件夹下的webpack.renderer.config.js文件,找到此句代码且进行修改即可。//原语句let whiteListedModules = ['vue']//修改后的语句let whiteListedModules = ['vue', 'element-ui'] 重启项目 问题解决!...原创 2020-10-16 14:10:54 · 4071 阅读 · 3 评论 -
electron踩坑之process is not defined
问题 打开electron-vue报出Process is not defined的错误。 对此表示奇怪的一批,在github中有人也遇到了相同的问题,并给出了答案,这里贴出链接。github链接传送门解决办法 对于github上给出的解决办法,我在此做出整理。找到.electron-vue文件目录下的webpack.renderer.config.js文件,修改plugins中的new HtmlWebpackPlugin()为如下代码new HtmlWebpackPlugin({原创 2020-10-15 12:56:12 · 9156 阅读 · 1 评论 -
electron踩坑之系统托盘自动消失
踩坑 打开electron,发现系统托盘的图标过一段时间后会自动消失,为了解决这个问题,我找到了系统托盘图标为何会自动消失的原因。原因 当我们声明Tray模块中的变量时,没有将其声明为全局变量,导致在运行过程中,会被垃圾回收机制回收掉。解决 将存储窗口/系统托盘的变量声明为全局变量,也就是在main.js中app.on('ready',fuc)之前声明此变量。在app.on('ready',fuc)内部去使用 代码部分://创建系统托盘图标let iconTary = nulllet pa原创 2020-10-13 10:52:43 · 3898 阅读 · 0 评论 -
electron实现打开文件并将文件内容显示
步骤分析点击菜单按钮打开文件读取文件路径使用fs模块读取文件内容将文件内容渲染到页面上点击菜单按钮打开文件 创建模板菜单,将其添加在主进程中let template =[ { label:'文件', submenu:[ { label:'新建', click:function(){ } },原创 2020-10-07 11:32:11 · 3629 阅读 · 0 评论 -
electron踩坑之dialog中的callback
踩坑分析 之前版本使用dialog时选择文件时,可以加入callback,来获取被选择文件的路径,而electron10更新后发生了改动,采用了Promise对象来获取结果。 electron 10之前我们获取文件路径,只需加入callback即可,也就是下述写法,且之前返回的data结果直接是文件的路径。openDialogDom.onclick = function(){ remote.dialog.showOpenDialog({ properties:['openFi原创 2020-10-06 12:07:21 · 2439 阅读 · 3 评论 -
electron踩坑之remote of undefined
electron更新后使用remote模块踩坑 此前版本中我们使用electron中的remote模块时,不需在主进程的窗口中加入enableRemoteModule:true参数才能够调用remote模块,而在electron 10中,我们需要加入该参数才能调用该模块。//引入electronlet electron = require('electron')//引入remote模块let remote = electron.remote//打印remote模块console.log(rem原创 2020-10-04 21:26:35 · 4546 阅读 · 1 评论