如何解决 Vue.js devtools 在 Electron Vue 项目中不起作用的问题?

Posted

技术标签:

【中文标题】如何解决 Vue.js devtools 在 Electron Vue 项目中不起作用的问题?【英文标题】:How to resolve Vue.js devtools not working in the Electron Vue project? 【发布时间】:2019-10-20 23:50:01 【问题描述】:

当我通过npm run electron:serve 运行项目时,Vue.js devtools 和其他选项卡的组件树为空。实际上它并没有检测到项目。

我该如何解决这个问题?

【问题讨论】:

【参考方案1】:

终止项目并在main.js文件中的new Vue(...)之前添加以下行通过npm run electron:serve命令再次运行项目。

Vue.config.devtools = process.env.NODE_ENV === 'development';

结果:

【讨论】:

以上是关于如何解决 Vue.js devtools 在 Electron Vue 项目中不起作用的问题?的主要内容,如果未能解决你的问题,请参考以下文章

Vue.js devtool插件下载安装及后续问题解决

教你使用Vue.js的DevTools来调试你的vue项目

chrome浏览器的VUE调试插件Vue.js devtools

Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决

Vue开发工具vuejs-devtools超级详细安装教程以及常见问题解决

vue的测试(Vue.js devtool)