这是electron官网对BrowserWindow.addDevToolsExtension(extension)API的使用介绍,简单来说就是在electron的主进程main.js中使用API,唯一参数为插件路径,上图中引入Node的path、os模块都是为了拼接得到Vue.js devtools的所在路径,这里我直接采用绝对路径(简单明了) 这时报错了,BrowserWindow.addDevToolsExtension is not a f...
按照步骤操作后,启动electron后仍然没有vue-devtools。 解决方法: awaitmainWindow.loadURL(process.env.WEBPACK_DEV_SERVER_URL)mainWindow.webContents.openDevTools() 利用async/await 等待异步操作结束后再打开开发者工具。
在我们调试Electron时,上图中Vue这个tab栏并不是天生自带的,需要我们去加载相应的插件。百度搜一下,有很多关于安装vue-devtools的文章,我也兴奋得下载源码(5.1.1版本源码)、编译、安装,然后electron中加载。启动Electron后,打开调试器,倒是有vue这一栏,但是页面是空白的,同时控制台输出: [7232:0926/174639.579:ERROR...
Vue Electron是一种基于Vue.js和Electron的开发框架,用于构建跨平台的桌面应用程序。它结合了Vue.js的灵活性和Electron的跨平台能力,使开发者能够使用Web技术(HTML、CSS和JavaScript)来构建原生桌面应用程序。 devtools抛出异常是指在使用Vue Electron开发桌面应用程序时,开发者在调试过程中遇到了devtools(开发者工具)抛出...
"vue": "^2.6.11", "vue-router": "^3.2.0", "vuex": "^3.4.0" 客户端及服务端 "electron": "^11.0.0", node:v12.18.2 构建及调试工具 electron-builder:v22.11.1 "electron-devtools-installer": "^3.1.0", 谷歌浏览器可以正常使用vue-devtools,electron窗口无法使用 ...
启动报错 C:\Users\Administrator>vue-devtools C:\Users\Administrator\AppData\Roaming\npm\node_...
·首先在Chrome中安装Vue Devtools; ·在Chrome中打开扩展程序,并且开启开发者模式,这样就可以获取扩展程序的ID,记住这个ID ·在Electron应用中添加如下代码: main/index.js if (process.env.NODE_ENV !== 'development') { global.__static = require('path').join(__dirname, '/static').replace(/\/g, ...
console.error('Vue Devtools failed to install:', e.toString()) } } createWindow() }) 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 加入vue-devTools 成功.。 就这样就可以调试了,具体配置看官网Demo
在electron中使用开发者扩展,官方文档已经有了详细说明。如果觉得步骤繁琐,可以使用工具electron-devtools-installer。 方法很简单,以vue-devtools为例: 1、声明 const{default:installExtension,VUEJS_DEVTOOLS}=require('electron-devtools-installer'); 2、安装 ...
App is working, except for Vue 3 Devtools. It is complaining about somemanifest.jsonkeys and_metadatadirectory, but I have no idea what this is about. Any help will be appreciated. Part of my package.json: "dependencies": { "@popperjs/core": "^2.9.2", "bootstrap": "^5.0.1", "...